@campxdev/shared 1.11.16 → 1.11.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/assets/icons/index.tsx +39 -0
  3. package/src/assets/images/index.ts +2 -0
  4. package/src/assets/images/lottery.svg +22 -0
  5. package/src/components/Layout/Header/HeaderActions/HeaderActions.tsx +23 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/shared",
3
- "version": "1.11.16",
3
+ "version": "1.11.18",
4
4
  "main": "./exports.ts",
5
5
  "scripts": {
6
6
  "start": "react-scripts start",
package/src/assets/icons/index.tsx ADDED
@@ -0,0 +1,39 @@
1
+ export const ExamResultIcon = () => {
2
+ return (
3
+ <>
4
+ <svg
5
+ xmlns="http://www.w3.org/2000/svg"
6
+ width="15.3"
7
+ height="20.3"
8
+ viewBox="0 0 15.3 20.3"
9
+ >
10
+ <path
11
+ id="mobile"
12
+ d="M13.833,0H7.167A4.172,4.172,0,0,0,3,4.167V15.833A4.172,4.172,0,0,0,7.167,20h6.667A4.172,4.172,0,0,0,18,15.833V4.167A4.172,4.172,0,0,0,13.833,0Zm2.5,15.833a2.5,2.5,0,0,1-2.5,2.5h-2.5V17.5a.833.833,0,1,0-1.667,0v.833h-2.5a2.5,2.5,0,0,1-2.5-2.5V4.167a2.5,2.5,0,0,1,2.5-2.5h6.667a2.5,2.5,0,0,1,2.5,2.5Zm-2.5-2.5a.833.833,0,0,1-.833.833H8A.833.833,0,1,1,8,12.5h5A.833.833,0,0,1,13.833,13.333Zm-5-2.5A.833.833,0,0,0,9.667,10V9.167h1.667V10A.833.833,0,0,0,13,10V6.667a2.5,2.5,0,1,0-5,0V10A.833.833,0,0,0,8.833,10.833Zm1.667-5a.833.833,0,0,1,.833.833V7.5H9.667V6.667A.833.833,0,0,1,10.5,5.833Z"
13
+ transform="translate(-2.85 0.15)"
14
+ stroke="#fff"
15
+ stroke-width="0.3"
16
+ />
17
+ </svg>
18
+ </>
19
+ )
20
+ }
21
+
22
+ export const CareerIcon = () => {
23
+ return (
24
+ <svg
25
+ xmlns="http://www.w3.org/2000/svg"
26
+ width="20.3"
27
+ height="20.3"
28
+ viewBox="0 0 20.3 20.3"
29
+ >
30
+ <path
31
+ id="briefcase"
32
+ d="M15.833,3.333h-.917A4.174,4.174,0,0,0,10.833,0H9.167A4.174,4.174,0,0,0,5.083,3.333H4.167A4.172,4.172,0,0,0,0,7.5v8.333A4.172,4.172,0,0,0,4.167,20H15.833A4.172,4.172,0,0,0,20,15.833V7.5a4.172,4.172,0,0,0-4.167-4.167ZM9.167,1.667h1.667A2.5,2.5,0,0,1,13.18,3.333H6.82A2.5,2.5,0,0,1,9.167,1.667ZM4.167,5H15.833a2.5,2.5,0,0,1,2.5,2.5V10H1.667V7.5A2.5,2.5,0,0,1,4.167,5ZM15.833,18.333H4.167a2.5,2.5,0,0,1-2.5-2.5V11.667h7.5V12.5a.833.833,0,0,0,1.667,0v-.833h7.5v4.167A2.5,2.5,0,0,1,15.833,18.333Z"
33
+ transform="translate(0.15 0.15)"
34
+ stroke="#fff"
35
+ stroke-width="0.3"
36
+ />
37
+ </svg>
38
+ )
39
+ }
package/src/assets/images/index.ts CHANGED
@@ -16,6 +16,7 @@ const web = require('./web.svg')
16
16
  const mobile = require('./mobile.svg')
17
17
  const location = require('./location.svg')
18
18
  const noDevices = require('./no_devices.svg')
19
+ const careers = require('./lottery.svg')
19
20
  export {
20
21
  activeDevices,
21
22
  animatedImage,
@@ -35,4 +36,5 @@ export {
35
36
  profile,
36
37
  unauth,
37
38
  web,
39
+ careers,
38
40
  }
package/src/assets/images/lottery.svg ADDED
@@ -0,0 +1,22 @@
1
+ <svg height="80px" width="80px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
2
+ viewBox="0 0 512 512" xml:space="preserve">
3
+ <style type="text/css">
4
+ .st0{fill:#000000;}
5
+ </style>
6
+ <g>
7
+ <path class="st0" d="M216.759,239.367l36.235-36.243c-42.142-19.36-93.728-11.743-128.391,22.92
8
+ c-44.488,44.496-44.488,116.872,0,161.352c44.48,44.497,116.864,44.497,161.353,0c34.663-34.663,42.275-86.249,22.912-128.395
9
+ l-36.235,36.243c3.592,21.121-2.672,43.6-18.951,59.879c-26.693,26.685-70.12,26.685-96.809,0
10
+ c-26.697-26.693-26.697-70.113,0-96.806C173.146,242.039,195.631,235.775,216.759,239.367z"/>
11
+ <path class="st0" d="M356.787,256.392c18.353,55.516,5.53,119.183-38.562,163.278c-62.279,62.276-163.616,62.276-225.896,0
12
+ c-62.276-62.276-62.276-163.616,0-225.884c44.103-44.111,107.762-56.932,163.286-38.57l-5.274-48.749
13
+ c-66.375-14.824-138.732,3.49-190.282,55.037c-80.08,80.079-80.08,210.368,0,290.44c80.071,80.07,210.356,80.07,290.431,0
14
+ c51.551-51.555,69.861-123.9,55.032-190.27L356.787,256.392z"/>
15
+ <path class="st0" d="M288.667,206.181l-78.346,78.35c-7.385-1.682-15.43,0.314-21.183,6.06c-8.91,8.906-8.91,23.352,0,32.266
16
+ c8.913,8.913,23.356,8.913,32.273,0c5.754-5.753,7.735-13.802,6.061-21.182l78.349-78.342l96.727,10.469l3.856-3.86L512,124.342
17
+ l-112.203-12.136L387.649,0.003L278.197,109.455l0.589,5.432L288.667,206.181z M394.138,209.939l-67.609-7.318l23.533-23.541
18
+ l-0.153-0.142l67.891,7.341L394.138,209.939z M393.647,134.481l68.528,7.42l-23.663,23.674l-68.529-7.42L393.647,134.481z
19
+ M370.094,49.828l7.412,68.525l-23.659,23.658l-7.408-68.516L370.094,49.828z M325.72,94.198l7.349,67.888l-0.154-0.157
20
+ l-23.537,23.541l-7.321-67.621L325.72,94.198z"/>
21
+ </g>
22
+ </svg>
package/src/components/Layout/Header/HeaderActions/HeaderActions.tsx CHANGED
@@ -1,15 +1,22 @@
1
1
  import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
2
2
  import { IconButton, Stack } from '@mui/material'
3
+ import { useNavigate } from 'react-router-dom'
4
+ import { CareerIcon, ExamResultIcon } from '../../../../assets/icons'
3
5
  import InstitutionsDropDown from '../../../Institutions/InstitutionsDropdown'
4
- import CogWheelMenu from './CogWheelMenu'
5
6
  import UserBox from './UserBox'
6
7
 
8
+ const profileMenu = [
9
+ { label: 'Student Results', path: '/results' },
10
+ { label: 'Careers', path: '/careers' },
11
+ ]
12
+
7
13
  export default function HeaderActions({
8
14
  cogWheelMenu,
9
15
  fullName,
10
16
  userBoxActions,
11
17
  profileUrl = '',
12
18
  }) {
19
+ const navigate = useNavigate()
13
20
  return (
14
21
  <Stack direction="row" gap={6}>
15
22
  <InstitutionsDropDown />
@@ -23,7 +30,21 @@ export default function HeaderActions({
23
30
  >
24
31
  <HelpOutlineIcon />
25
32
  </IconButton>
26
- {cogWheelMenu?.length ? <CogWheelMenu menu={cogWheelMenu} /> : null}
33
+ <IconButton
34
+ onClick={() => {
35
+ navigate('/careers')
36
+ }}
37
+ >
38
+ <CareerIcon />
39
+ </IconButton>
40
+ <IconButton
41
+ onClick={() => {
42
+ navigate('/results')
43
+ }}
44
+ >
45
+ <ExamResultIcon />
46
+ </IconButton>
47
+ {/* {cogWheelMenu?.length ? <CogWheelMenu menu={cogWheelMenu} /> : null} */}
27
48
  <UserBox
28
49
  fullName={fullName}
29
50
  actions={userBoxActions}