@campxdev/react-blueprint 0.1.49 → 0.1.51

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/react-blueprint",
3
- "version": "0.1.49",
3
+ "version": "0.1.51",
4
4
  "main": "./export.ts",
5
5
  "private": false,
6
6
  "dependencies": {
@@ -0,0 +1,73 @@
1
+ import { useTheme } from "@mui/material";
2
+
3
+ export const AdminIcon = ({ size = 16 }) => {
4
+ const theme = useTheme();
5
+ const color = theme.palette.text.primary;
6
+ return (
7
+ <svg
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ width={size}
10
+ height={size}
11
+ viewBox="0 0 20 20"
12
+ >
13
+ <g
14
+ id="vuesax_outline_frame"
15
+ data-name="vuesax/outline/frame"
16
+ transform="translate(-492 -188)"
17
+ >
18
+ <g id="frame" transform="translate(492 188)">
19
+ <g id="Vector" transform="translate(2.208 1.044)" fill="#121212">
20
+ <path
21
+ d="M 7.791670799255371 18.02291679382324 C 6.836270809173584 18.02291679382324 5.921350955963135 17.73477554321289 5.215450763702393 17.21158599853516 L 1.631850838661194 14.53637599945068 C 0.660740852355957 13.81230640411377 -0.09999914467334747 12.29828643798828 -0.09999914467334747 11.08958625793457 L -0.09999914467334747 4.889586448669434 C -0.09999914467334747 3.561296463012695 0.8729908466339111 2.158456325531006 2.115100860595703 1.695876359939575 L 6.27324104309082 0.1376064121723175 C 6.683250904083252 -0.01562358718365431 7.219511032104492 -0.1000035852193832 7.783330917358398 -0.1000035852193832 C 8.347150802612305 -0.1000035852193832 8.883410453796387 -0.01562358718365431 9.293340682983398 0.1375764161348343 L 13.4600305557251 1.695926427841187 C 14.70201110839844 2.158456325531006 15.67500114440918 3.561296463012695 15.67500114440918 4.889586448669434 L 15.67500114440918 11.0812463760376 C 15.67500114440918 12.28994655609131 14.91426086425781 13.80397605895996 13.94310092926025 14.52808666229248 L 10.35982131958008 17.20304679870605 C 9.666180610656738 17.73153686523438 8.753850936889648 18.02291679382324 7.791670799255371 18.02291679382324 Z M 7.802260875701904 1.348946452140808 C 7.412920951843262 1.348946452140808 7.042130947113037 1.403976440429688 6.784960746765137 1.499936461448669 L 2.626760959625244 3.058226346969604 C 1.946520805358887 3.311336517333984 1.350000858306885 4.170966625213623 1.350000858306885 4.897916316986084 L 1.350000858306885 11.08958625793457 C 1.350000858306885 11.83955669403076 1.89487087726593 12.92940616607666 2.493160963058472 13.37611675262451 L 6.076490879058838 16.05111694335938 C 6.516410827636719 16.38009643554688 7.140020847320557 16.56874656677246 7.787500858306885 16.56874656677246 C 8.434980392456055 16.56874656677246 9.058590888977051 16.38009643554688 9.498440742492676 16.05116653442383 L 13.0818510055542 13.37611675262451 C 13.69073104858398 12.91944599151611 14.22500038146973 11.85091686248779 14.22500038146973 11.08958625793457 L 14.22500038146973 4.889586448669434 C 14.22500038146973 4.170546531677246 13.62804126739502 3.310746431350708 12.94750118255615 3.049606323242188 L 8.789911270141602 1.491556406021118 C 8.540990829467773 1.401046395301819 8.180670738220215 1.348946452140808 7.802260875701904 1.348946452140808 Z"
22
+ stroke="none"
23
+ />
24
+ <path
25
+ d="M 7.791670799255371 17.92291641235352 C 8.700000762939453 17.92291641235352 9.600000381469727 17.65624618530273 10.30000114440918 17.12291717529297 L 13.88333129882812 14.44791603088379 C 14.83333110809326 13.73958683013916 15.57500076293945 12.26458644866943 15.57500076293945 11.0812463760376 L 15.57500076293945 4.889586448669434 C 15.57500076293945 3.606246471405029 14.63333129882812 2.239586353302002 13.42500114440918 1.789586424827576 L 9.258331298828125 0.2312464118003845 C 8.433330535888672 -0.07708358764648438 7.133330821990967 -0.07708358764648438 6.30833101272583 0.2312464118003845 L 2.150000810623169 1.789586424827576 C 0.941670835018158 2.239586353302002 8.583068620282575e-07 3.606246471405029 8.583068620282575e-07 4.889586448669434 L 8.583068620282575e-07 11.08958625793457 C 8.583068620282575e-07 12.27291679382324 0.7416708469390869 13.74791622161865 1.691670894622803 14.4562463760376 L 5.275001049041748 17.13124656677246 C 5.983330726623535 17.65624618530273 6.883330821990967 17.92291641235352 7.791670799255371 17.92291641235352 M 7.802259922027588 1.248941779136658 C 8.17853832244873 1.248941779136658 8.552820205688477 1.298941850662231 8.825000762939453 1.397916436195374 L 12.98333072662354 2.956246376037598 C 13.70000076293945 3.231246471405029 14.32500076293945 4.131246566772461 14.32500076293945 4.889586448669434 L 14.32500076293945 11.08958625793457 C 14.32500076293945 11.87291622161865 13.77500057220459 12.98124599456787 13.1416711807251 13.4562463760376 L 9.558330535888672 16.13124656677246 C 8.600000381469727 16.8479175567627 6.975000858306885 16.8479175567627 6.016670703887939 16.13124656677246 L 2.433330774307251 13.4562463760376 C 1.808330893516541 12.98958683013916 1.250000834465027 11.88124656677246 1.250000834465027 11.08958625793457 L 1.250000834465027 4.897916316986084 C 1.250000834465027 4.131246566772461 1.875000834465027 3.231246471405029 2.591670751571655 2.964586496353149 L 6.750000953674316 1.406246423721313 C 7.032028198242188 1.301013350486755 7.418185234069824 1.248941779136658 7.802259922027588 1.248941779136658 M 7.791670799255371 18.12291717529297 C 6.814970970153809 18.12291717529297 5.878911018371582 17.82779693603516 5.155910968780518 17.29192733764648 L 1.572030901908875 14.61651611328125 C 0.5784108638763428 13.87565612792969 -0.199999138712883 12.326416015625 -0.199999138712883 11.08958625793457 L -0.199999138712883 4.889586448669434 C -0.199999138712883 3.522346496582031 0.8015808463096619 2.078336477279663 2.080200910568237 1.602166414260864 L 6.238151073455811 0.04396641254425049 C 6.659180641174316 -0.1133835911750793 7.207870960235596 -0.20000359416008 7.783330917358398 -0.20000359416008 C 8.358790397644043 -0.20000359416008 8.90748119354248 -0.1133835911750793 9.328340530395508 0.04390641301870346 L 13.49506092071533 1.602256417274475 C 14.77342128753662 2.078336477279663 15.77500057220459 3.522346496582031 15.77500057220459 4.889586448669434 L 15.77500057220459 11.0812463760376 C 15.77500057220459 12.31808662414551 14.99659061431885 13.8673267364502 14.00288105010986 14.60825634002686 L 10.41964054107666 17.2831859588623 C 9.709470748901367 17.82427597045898 8.775620460510254 18.12291717529297 7.791670799255371 18.12291717529297 Z M 7.802260875701904 1.448946356773376 C 7.424400806427002 1.448946356773376 7.066350936889648 1.501676440238953 6.819921016693115 1.593626379966736 L 2.661850929260254 3.151866436004639 C 2.027400970458984 3.387936353683472 1.450000882148743 4.220086574554443 1.450000882148743 4.897916316986084 L 1.450000882148743 11.08958625793457 C 1.450000882148743 11.81332683563232 1.975720882415771 12.86497688293457 2.552990913391113 13.29598617553711 L 6.136311054229736 15.97097682952881 C 6.559370994567871 16.28735733032227 7.161150932312012 16.46874618530273 7.787500858306885 16.46874618530273 C 8.413861274719238 16.46874618530273 9.015641212463379 16.28735733032227 9.43855094909668 15.97107601165771 L 13.0220308303833 13.29597663879395 C 13.59911060333252 12.86316680908203 14.12500095367432 11.81138610839844 14.12500095367432 11.08958625793457 L 14.12500095367432 4.889586448669434 C 14.12500095367432 4.219136238098145 13.54669094085693 3.38663649559021 12.91168117523193 3.142976522445679 L 8.754820823669434 1.585196375846863 C 8.517340660095215 1.498856425285339 8.16947078704834 1.448946356773376 7.802260875701904 1.448946356773376 Z"
26
+ stroke="none"
27
+ fill="#121212"
28
+ />
29
+ </g>
30
+ <g
31
+ id="Vector-2"
32
+ data-name="Vector"
33
+ transform="translate(7.708 6.458)"
34
+ fill="#121212"
35
+ >
36
+ <path
37
+ d="M 2.291666746139526 4.683336734771729 C 0.9728967547416687 4.683336734771729 -0.100003257393837 3.610436677932739 -0.100003257393837 2.291666746139526 C -0.100003257393837 0.9728967547416687 0.9728967547416687 -0.100003257393837 2.291666746139526 -0.100003257393837 C 3.610436677932739 -0.100003257393837 4.683336734771729 0.9728967547416687 4.683336734771729 2.291666746139526 C 4.683336734771729 3.610436677932739 3.610436677932739 4.683336734771729 2.291666746139526 4.683336734771729 Z M 2.291666746139526 1.34999680519104 C 1.772426724433899 1.34999680519104 1.34999680519104 1.772426724433899 1.34999680519104 2.291666746139526 C 1.34999680519104 2.810906648635864 1.772426724433899 3.233336687088013 2.291666746139526 3.233336687088013 C 2.810906648635864 3.233336687088013 3.233336687088013 2.810906648635864 3.233336687088013 2.291666746139526 C 3.233336687088013 1.772426724433899 2.810906648635864 1.34999680519104 2.291666746139526 1.34999680519104 Z"
38
+ stroke="none"
39
+ />
40
+ <path
41
+ d="M 2.291666746139526 4.58333683013916 C 3.558336734771729 4.58333683013916 4.58333683013916 3.558336734771729 4.58333683013916 2.291666746139526 C 4.58333683013916 1.024996757507324 3.558336734771729 -3.25386054100818e-06 2.291666746139526 -3.25386054100818e-06 C 1.024996757507324 -3.25386054100818e-06 -3.25386054100818e-06 1.024996757507324 -3.25386054100818e-06 2.291666746139526 C -3.25386054100818e-06 3.558336734771729 1.024996757507324 4.58333683013916 2.291666746139526 4.58333683013916 M 2.291666746139526 1.249996781349182 C 2.866666793823242 1.249996781349182 3.33333683013916 1.716666698455811 3.33333683013916 2.291666746139526 C 3.33333683013916 2.866666793823242 2.866666793823242 3.33333683013916 2.291666746139526 3.33333683013916 C 1.716666698455811 3.33333683013916 1.249996781349182 2.866666793823242 1.249996781349182 2.291666746139526 C 1.249996781349182 1.716666698455811 1.716666698455811 1.249996781349182 2.291666746139526 1.249996781349182 M 2.291666746139526 4.783336639404297 C 0.9177567362785339 4.783336639404297 -0.2000032514333725 3.665576696395874 -0.2000032514333725 2.291666746139526 C -0.2000032514333725 0.9177567362785339 0.9177567362785339 -0.2000032514333725 2.291666746139526 -0.2000032514333725 C 3.665576696395874 -0.2000032514333725 4.783336639404297 0.9177567362785339 4.783336639404297 2.291666746139526 C 4.783336639404297 3.665576696395874 3.665576696395874 4.783336639404297 2.291666746139526 4.783336639404297 Z M 2.291666746139526 1.449996709823608 C 1.827566742897034 1.449996709823608 1.449996709823608 1.827566742897034 1.449996709823608 2.291666746139526 C 1.449996709823608 2.755766630172729 1.827566742897034 3.133336782455444 2.291666746139526 3.133336782455444 C 2.755766630172729 3.133336782455444 3.133336782455444 2.755766630172729 3.133336782455444 2.291666746139526 C 3.133336782455444 1.827566742897034 2.755766630172729 1.449996709823608 2.291666746139526 1.449996709823608 Z"
42
+ stroke="none"
43
+ fill="#121212"
44
+ />
45
+ </g>
46
+ <g
47
+ id="Vector-3"
48
+ data-name="Vector"
49
+ transform="translate(9.375 9.792)"
50
+ fill="#121212"
51
+ >
52
+ <path
53
+ d="M 0.625 3.849999904632568 C 0.2252299934625626 3.849999904632568 -0.1000000014901161 3.524770021438599 -0.1000000014901161 3.125 L -0.1000000014901161 0.625 C -0.1000000014901161 0.2252299934625626 0.2252299934625626 -0.1000000014901161 0.625 -0.1000000014901161 C 1.024770021438599 -0.1000000014901161 1.350000023841858 0.2252299934625626 1.350000023841858 0.625 L 1.350000023841858 3.125 C 1.350000023841858 3.524770021438599 1.024770021438599 3.849999904632568 0.625 3.849999904632568 Z"
54
+ stroke="none"
55
+ />
56
+ <path
57
+ d="M 0.625 3.75 C 0.9666699767112732 3.75 1.25 3.466670036315918 1.25 3.125 L 1.25 0.625 C 1.25 0.2833299934864044 0.9666699767112732 -2.220446049250313e-16 0.625 -2.220446049250313e-16 C 0.2833299934864044 -2.220446049250313e-16 0 0.2833299934864044 0 0.625 L 0 3.125 C 0 3.466670036315918 0.2833299934864044 3.75 0.625 3.75 M 0.625 3.950000047683716 C 0.1700900048017502 3.950000047683716 -0.2000000029802322 3.579910039901733 -0.2000000029802322 3.125 L -0.2000000029802322 0.625 C -0.2000000029802322 0.1700900048017502 0.1700900048017502 -0.2000000029802322 0.625 -0.2000000029802322 C 1.079910039901733 -0.2000000029802322 1.450000047683716 0.1700900048017502 1.450000047683716 0.625 L 1.450000047683716 3.125 C 1.450000047683716 3.579910039901733 1.079910039901733 3.950000047683716 0.625 3.950000047683716 Z"
58
+ stroke="none"
59
+ fill="#121212"
60
+ />
61
+ </g>
62
+ <path
63
+ id="Vector-4"
64
+ data-name="Vector"
65
+ d="M0,0H20V20H0Z"
66
+ fill="none"
67
+ opacity="0"
68
+ />
69
+ </g>
70
+ </g>
71
+ </svg>
72
+ );
73
+ };
@@ -3,35 +3,35 @@ export const EnrollxIcon = ({ size = 16 }) => {
3
3
  <svg
4
4
  width={size}
5
5
  height={size}
6
- viewBox="0 0 20 20"
6
+ viewBox="0 0 30 30"
7
7
  fill="none"
8
8
  xmlns="http://www.w3.org/2000/svg"
9
9
  >
10
- <g id="Enrollments">
10
+ <g id="Add user">
11
11
  <path
12
12
  id="Vector"
13
- d="M12.0829 16.9755V16.9755H12.0837L15.417 16.9755L15.4175 16.9755C15.6093 16.9745 15.793 16.8979 15.9288 16.7624C16.0646 16.6269 16.1416 16.4434 16.143 16.2516L16.143 16.2502C16.1418 16.0584 16.065 15.8747 15.9294 15.7391C15.7937 15.6034 15.6101 15.5267 15.4183 15.5255L15.4183 15.5255H15.4177H12.0843V15.5255L12.0837 15.5255C11.8919 15.5267 11.7082 15.6034 11.5726 15.7391C11.4369 15.8747 11.3602 16.0584 11.359 16.2502L11.359 16.2516C11.3604 16.4431 11.4371 16.6264 11.5726 16.7619C11.708 16.8973 11.8914 16.9741 12.0829 16.9755Z"
13
+ d="M23.1245 25.413L23.125 25.413C23.3996 25.4115 23.6626 25.302 23.857 25.108C24.0513 24.914 24.1615 24.6513 24.1635 24.3767L24.1635 24.3754C24.1618 24.1008 24.0519 23.8379 23.8577 23.6437C23.6636 23.4496 23.4007 23.3397 23.1261 23.338V23.338H23.1255H18.1255V23.338L18.1249 23.338C17.8503 23.3397 17.5874 23.4496 17.3933 23.6437C17.1991 23.8379 17.0892 24.1008 17.0875 24.3754L17.0875 24.3767C17.0895 24.6509 17.1994 24.9133 17.3933 25.1072C17.5872 25.3011 17.8496 25.411 18.1238 25.413L18.1238 25.413H18.1245L23.1245 25.413Z"
14
14
  fill="#121212"
15
15
  stroke="#121212"
16
16
  stroke-width="0.2"
17
17
  />
18
18
  <path
19
19
  id="Vector_2"
20
- d="M13.025 17.9165L13.025 17.9171C13.0262 18.109 13.103 18.2926 13.2386 18.4282C13.3742 18.5639 13.5579 18.6406 13.7497 18.6418L13.751 18.6418C13.9427 18.6406 14.1262 18.564 14.2618 18.4285C14.3974 18.293 14.4742 18.1096 14.4757 17.9179H14.4757V17.9172V14.5838H14.4757L14.4757 14.5832C14.4744 14.3914 14.3977 14.2077 14.2621 14.0721C14.1264 13.9365 13.9428 13.8597 13.751 13.8585L13.7497 13.8585C13.558 13.8597 13.3745 13.9363 13.2389 14.0718C13.1033 14.2073 13.0264 14.3907 13.025 14.5824H13.025V14.5832L13.025 17.9165Z"
20
+ d="M19.5875 26.875L19.5875 26.8756C19.5892 27.1502 19.6991 27.4131 19.8933 27.6072C20.0874 27.8014 20.3503 27.9112 20.6249 27.913L20.6261 27.913C20.9005 27.9112 21.1632 27.8015 21.3574 27.6076C21.5515 27.4137 21.6615 27.1511 21.6635 26.8767V26.876V21.876H21.6635L21.6635 21.8754C21.6618 21.6008 21.5519 21.3379 21.3577 21.1437C21.1636 20.9496 20.9007 20.8397 20.6261 20.838L20.6249 20.838C20.3505 20.8397 20.0878 20.9494 19.8936 21.1434C19.6995 21.3373 19.5895 21.5999 19.5875 21.8742H19.5875V21.875L19.5875 26.875Z"
21
21
  fill="#121212"
22
22
  stroke="#121212"
23
23
  stroke-width="0.2"
24
24
  />
25
25
  <path
26
26
  id="Vector_3"
27
- d="M10.0586 9.78357L10.0503 9.78218C10.0117 9.77568 9.97219 9.77568 9.93353 9.78218L9.92454 9.78369L9.91543 9.78356C8.75644 9.76616 7.65098 9.29281 6.83854 8.46607C6.02622 7.63945 5.57225 6.5261 5.57493 5.36717C5.57493 5.367 5.57493 5.36683 5.57493 5.36666L5.67493 5.3669C5.67052 4.80024 5.77961 4.23843 5.99578 3.7146C6.21196 3.19077 6.53083 2.71553 6.9336 2.3169L10.0586 9.78357ZM10.0586 9.78357H10.0669H10.1336H10.1583V9.78362L10.1615 9.78352C11.3064 9.74674 12.3919 9.26453 13.1866 8.43954C13.9814 7.61463 14.4228 6.51214 14.4169 5.36671M10.0586 9.78357L6.86296 2.24612C7.48018 1.62505 8.26799 1.20132 9.12642 1.02871C9.98498 0.856076 10.8755 0.942417 11.6849 1.27678C12.4943 1.61114 13.1861 2.17845 13.6726 2.90669C14.1589 3.63484 14.418 4.49107 14.4169 5.36671M14.4169 5.36671C14.4169 5.3666 14.4169 5.36649 14.4169 5.36639L14.3169 5.3669L14.4169 5.36703C14.4169 5.36692 14.4169 5.36682 14.4169 5.36671ZM9.98983 2.39223L9.99136 2.39224C10.7784 2.3941 11.5329 2.70706 12.0901 3.26289C12.6474 3.81872 12.9624 4.57233 12.9663 5.3594L12.9663 5.35952C12.971 6.12281 12.6798 6.85824 12.1537 7.41134C11.6293 7.96278 10.9121 8.29019 10.152 8.32536C10.0613 8.31704 9.96992 8.31708 9.87915 8.32548C9.09437 8.31011 8.34756 7.98438 7.80234 7.4195C7.25584 6.85328 6.95664 6.09315 6.97058 5.30634C6.98452 4.51953 7.31045 3.77048 7.87667 3.22397C8.15704 2.95337 8.48795 2.74064 8.85053 2.59793C9.2131 2.45522 9.60024 2.38532 9.98983 2.39223Z"
27
+ d="M21.5769 8.0488C21.5785 6.74515 21.1928 5.47041 20.4687 4.38634C19.7446 3.30222 18.7147 2.45768 17.5097 1.95992C16.3048 1.46216 14.9791 1.33362 13.7009 1.59063C12.4229 1.8476 11.2501 2.47845 10.3312 3.40311C9.71772 4.01038 9.232 4.73433 8.9027 5.53229C8.57342 6.33021 8.4072 7.18599 8.41386 8.04916C8.4098 9.7745 9.08561 11.432 10.2949 12.6626C11.5044 13.8933 13.15 14.598 14.8754 14.6239L14.8845 14.624L14.8935 14.6225C14.957 14.6118 15.0218 14.6118 15.0853 14.6225L15.0935 14.6239H15.1019H15.2019H15.2389V14.6239L15.2421 14.6238C16.9465 14.5691 18.5623 13.8513 19.7454 12.6232C20.9285 11.3952 21.5856 9.75393 21.5769 8.0488ZM21.5769 8.0488C21.5769 8.04865 21.5769 8.04851 21.5769 8.04837L21.4769 8.04889L21.5769 8.04902C21.5769 8.04894 21.5769 8.04887 21.5769 8.0488ZM14.9871 3.53689L14.9887 3.53689C16.1826 3.53946 17.3272 4.01404 18.1727 4.85712C19.0181 5.70021 19.4959 6.84341 19.5019 8.03739V8.03751C19.5091 9.19538 19.0673 10.311 18.2693 11.15C17.4729 11.9873 16.3836 12.4842 15.2294 12.5367C15.0942 12.5241 14.9582 12.5241 14.823 12.5368C13.6316 12.5143 12.4976 12.0203 11.6698 11.1628C10.8408 10.3041 10.3868 9.15113 10.4078 7.95765C10.4289 6.76417 10.9231 5.62792 11.7819 4.79887C12.2071 4.38836 12.709 4.06563 13.259 3.84909C13.8089 3.63256 14.3962 3.52647 14.9871 3.53689Z"
28
28
  fill="#121212"
29
29
  stroke="#121212"
30
30
  stroke-width="0.2"
31
31
  />
32
32
  <path
33
33
  id="Vector_4"
34
- d="M9.99392 18.8999C8.37634 18.9316 6.78488 18.489 5.41594 17.6267C4.87751 17.3128 4.42674 16.8685 4.10517 16.3346C3.78331 15.8002 3.60127 15.1933 3.57586 14.5699L3.57552 14.5616L3.57587 14.5616C3.60246 13.9409 3.78511 13.337 4.10692 12.8056C4.4286 12.2744 4.87895 11.8328 5.41636 11.5217C6.79634 10.6947 8.37497 10.2579 9.98378 10.2579C11.5929 10.2579 13.1717 10.6949 14.5519 11.5221L14.5563 11.5248L14.5563 11.5249C14.7154 11.632 14.8259 11.7974 14.864 11.9854C14.902 12.1734 14.8645 12.3688 14.7595 12.5293L14.7594 12.5294C14.707 12.6092 14.6394 12.6778 14.5603 12.7313C14.4813 12.7848 14.3924 12.8221 14.2989 12.841C14.2053 12.86 14.1089 12.8602 14.0153 12.8416C13.9227 12.8232 13.8346 12.7869 13.756 12.7347C12.6118 12.0652 11.3099 11.7123 9.98411 11.7123C8.65736 11.7123 7.35454 12.0657 6.20965 12.7362L6.20711 12.7377L6.20709 12.7376C5.8724 12.9206 5.58891 13.1845 5.3825 13.5053C5.1774 13.824 5.05492 14.1888 5.02605 14.5666C5.05451 14.9468 5.17673 15.3142 5.38183 15.6357C5.58824 15.9592 5.87207 16.2262 6.20764 16.4124L6.21193 16.4148L6.21187 16.4149C7.34172 17.1166 8.65177 17.4733 9.98137 17.4412L9.98315 17.4412L9.98315 17.4412C10.1766 17.44 10.3626 17.5156 10.5002 17.6515C10.6379 17.7875 10.7159 17.9725 10.7171 18.1659C10.7183 18.3593 10.6427 18.5453 10.5068 18.683C10.3712 18.8203 10.1868 18.8982 9.99392 18.8999ZM9.99392 18.8999C9.99343 18.8999 9.99294 18.8999 9.99245 18.8999L9.99392 18.8999Z"
34
+ d="M8.14982 26.3966C10.1666 27.6671 12.5067 28.3279 14.8887 28.3006V28.3007L14.9893 28.3001C15.2662 28.2983 15.531 28.1866 15.7256 27.9896C15.9201 27.7925 16.0284 27.5263 16.0267 27.2494C16.0249 26.9725 15.9132 26.7077 15.7162 26.5131C15.5192 26.3186 15.2529 26.2103 14.976 26.212L14.9743 26.2121C12.9701 26.2603 10.9955 25.7227 9.29243 24.6651L9.29249 24.665L9.2882 24.6626C8.77757 24.3792 8.34567 23.973 8.03159 23.4806C7.71881 22.9903 7.53271 22.4301 7.48994 21.8501C7.53334 21.2737 7.71988 20.7173 8.03271 20.2311C8.34683 19.7429 8.77829 19.3413 9.28764 19.0628L9.28766 19.0628L9.2902 19.0613C11.0152 18.0512 12.9782 17.5187 14.9772 17.5187C16.9752 17.5187 18.9372 18.0507 20.6616 19.0598C20.7743 19.135 20.9007 19.1872 21.0337 19.2136C21.1676 19.2401 21.3055 19.2399 21.4394 19.2128C21.5732 19.1857 21.7004 19.1324 21.8135 19.0558C21.9266 18.9793 22.0234 18.8811 22.0983 18.7669L22.0984 18.7668C22.2486 18.537 22.3024 18.2573 22.248 17.9883C22.1935 17.7192 22.0353 17.4823 21.8075 17.3291L21.8076 17.329L21.8031 17.3263C19.7406 16.0901 17.3812 15.4371 14.9767 15.4371C12.5724 15.4371 10.2132 16.0899 8.15093 17.3259C7.35175 17.7882 6.682 18.4446 6.20359 19.2343C5.72505 20.0242 5.4534 20.922 5.41376 21.8448L5.41341 21.8447L5.41376 21.8531C5.45169 22.7796 5.72237 23.6815 6.20083 24.4757C6.67898 25.2695 7.34924 25.93 8.14982 26.3966Z"
35
35
  fill="#121212"
36
36
  stroke="#121212"
37
37
  stroke-width="0.2"
@@ -15,7 +15,6 @@ export const ExportIcon = ({
15
15
  return (
16
16
  <>
17
17
  <svg
18
- xmlns="http://www.w3.org/2000/svg"
19
18
  width={size}
20
19
  height={size}
21
20
  viewBox="0 0 30 30"
@@ -24,43 +23,23 @@ export const ExportIcon = ({
24
23
  ...sx,
25
24
  }}
26
25
  >
27
- <g
28
- id="Mask_Group_152"
29
- data-name="Mask Group 152"
30
- transform="translate(30) rotate(90)"
31
- clipPath="url(#clip-path)"
32
- >
33
- <g
34
- id="Group_9672"
35
- data-name="Group 9672"
36
- transform="translate(5.109 3.395)"
37
- >
38
- <g
39
- id="Group_9671"
40
- data-name="Group 9671"
41
- transform="translate(2.196 5.819)"
42
- >
43
- <path
44
- id="Vector"
45
- d="M1.1,0A1.1,1.1,0,0,0,.672.088,1.083,1.083,0,0,0,0,1.1V16.383a1.1,1.1,0,0,0,1.1,1.1,1.1,1.1,0,0,0,1.1-1.1V3.742L6.54,8.089A1.1,1.1,0,0,0,8.089,6.54L1.871.322A1.1,1.1,0,0,0,1.1,0Z"
46
- transform="translate(6.215 0)"
47
- stroke={color}
48
- strokeWidth="0.5"
49
- />
50
- <path
51
- id="Vector-2"
52
- data-name="Vector"
53
- d="M7.311,0a1.084,1.084,0,0,0-.775.322L.318,6.54A1.1,1.1,0,0,0,1.867,8.089L8.086,1.871a1.1,1.1,0,0,0,0-1.549A1.084,1.084,0,0,0,7.311,0Z"
54
- transform="translate(0 0)"
55
- stroke={color}
56
- strokeWidth="0.5"
57
- />
58
- </g>
26
+ <g id="vuesax/outline/export">
27
+ <g id="export">
59
28
  <path
60
- id="Vector-3"
61
- data-name="Vector"
62
- d="M18.878,0H1.03A1.037,1.037,0,0,0,0,1.03a1.037,1.037,0,0,0,1.03,1.03H18.878a1.037,1.037,0,0,0,1.03-1.03A1.037,1.037,0,0,0,18.878,0Z"
63
- transform="translate(0 0)"
29
+ id="Vector"
30
+ d="M19.0746 27.8126H10.9246C4.78711 27.8126 2.16211 25.1876 2.16211 19.0501V18.8876C2.16211 13.3376 4.34961 10.6626 9.24961 10.1976C9.49694 10.1805 9.74137 10.2592 9.93221 10.4175C10.123 10.5758 10.2457 10.8014 10.2746 11.0476C10.2865 11.1708 10.2739 11.2951 10.2375 11.4134C10.2012 11.5317 10.1418 11.6416 10.0628 11.7369C9.9838 11.8322 9.88675 11.9109 9.77722 11.9685C9.6677 12.0261 9.54786 12.0615 9.42461 12.0726C5.49961 12.4351 4.03711 14.2851 4.03711 18.8976V19.0601C4.03711 24.1476 5.83711 25.9476 10.9246 25.9476H19.0746C24.1621 25.9476 25.9621 24.1476 25.9621 19.0601V18.8976C25.9621 14.2601 24.4746 12.4101 20.4746 12.0726C20.3504 12.0644 20.2291 12.0316 20.1178 11.9759C20.0065 11.9202 19.9074 11.8429 19.8263 11.7484C19.7453 11.6539 19.684 11.5442 19.6459 11.4258C19.6078 11.3073 19.5937 11.1824 19.6045 11.0584C19.6154 10.9344 19.6508 10.8138 19.7089 10.7037C19.7669 10.5936 19.8463 10.4962 19.9425 10.4172C20.0387 10.3382 20.1496 10.2791 20.2689 10.2436C20.3882 10.208 20.5134 10.1967 20.6371 10.2101C25.6121 10.6351 27.8371 13.3226 27.8371 18.9101V19.0726C27.8371 25.1876 25.2121 27.8126 19.0746 27.8126Z"
31
+ stroke={color}
32
+ strokeWidth="0.5"
33
+ />
34
+ <path
35
+ id="Vector_2"
36
+ d="M15 19.6879C14.7519 19.6863 14.5144 19.587 14.3389 19.4115C14.1634 19.236 14.0641 18.9985 14.0625 18.7504V4.52539C14.0641 4.27726 14.1634 4.03975 14.3389 3.86429C14.5144 3.68883 14.7519 3.58953 15 3.58789C15.2481 3.58953 15.4856 3.68883 15.6611 3.86429C15.8366 4.03975 15.9359 4.27726 15.9375 4.52539V18.7504C15.9359 18.9985 15.8366 19.236 15.6611 19.4115C15.4856 19.587 15.2481 19.6863 15 19.6879Z"
37
+ stroke={color}
38
+ strokeWidth="0.5"
39
+ />
40
+ <path
41
+ id="Vector_3"
42
+ d="M19.189 8.24978C19.0658 8.25022 18.9438 8.22614 18.83 8.17892C18.7163 8.1317 18.6131 8.06231 18.5265 7.97478L15.004 4.44978L11.479 7.97478C11.3012 8.14038 11.0662 8.23054 10.8233 8.22625C10.5804 8.22197 10.3487 8.12358 10.1769 7.95181C10.0052 7.78004 9.90678 7.54831 9.90249 7.30544C9.8982 7.06256 9.98836 6.8275 10.154 6.64978L14.339 2.46353C14.5154 2.28918 14.7534 2.19141 15.0015 2.19141C15.2495 2.19141 15.4875 2.28918 15.664 2.46353L19.8515 6.65103C20.0258 6.82746 20.1236 7.06549 20.1236 7.31353C20.1236 7.56157 20.0258 7.79961 19.8515 7.97603C19.7654 8.06431 19.6623 8.13413 19.5484 8.18119C19.4345 8.22826 19.3122 8.2516 19.189 8.24978Z"
64
43
  stroke={color}
65
44
  strokeWidth="0.5"
66
45
  />
@@ -3,12 +3,13 @@ import { useState } from "react";
3
3
 
4
4
  interface LogoutIconProps {
5
5
  hoverColor?: string;
6
+ size?: number;
6
7
  }
7
8
 
8
- export const LogoutIcon: React.FC<LogoutIconProps> = (
9
- { hoverColor },
10
- { size = 16 }
11
- ) => {
9
+ export const LogoutIcon: React.FC<LogoutIconProps> = ({
10
+ hoverColor,
11
+ size = 16,
12
+ }) => {
12
13
  const theme = useTheme();
13
14
  const [isHovered, setIsHovered] = useState(false);
14
15
  const defaultColor = theme.palette.text.primary;
@@ -4,48 +4,26 @@ export const ToursIcon = ({ size = 16 }) => {
4
4
  xmlns="http://www.w3.org/2000/svg"
5
5
  width={size}
6
6
  height={size}
7
- viewBox="0 0 118 118"
7
+ viewBox="0 0 70 70"
8
8
  >
9
- <defs>
10
- <filter
11
- id="Rectangle_24558"
12
- x="0"
13
- y="0"
14
- width="118"
15
- height="118"
16
- filterUnits="userSpaceOnUse"
17
- >
18
- <feOffset dx="6" dy="6" />
19
- <feGaussianBlur stdDeviation="8" result="blur" />
20
- <feFlood flood-opacity="0.059" />
21
- <feComposite operator="in" in2="blur" />
22
- <feComposite in="SourceGraphic" />
23
- </filter>
24
- </defs>
25
9
  <g
26
10
  id="Group_9777"
27
11
  data-name="Group 9777"
28
- transform="translate(-1822 -982)"
12
+ transform="translate(-1840 -1000)"
29
13
  >
30
14
  <g
31
15
  id="Group_9776"
32
16
  data-name="Group 9776"
33
17
  transform="translate(1840 1000)"
34
18
  >
35
- <g
36
- transform="matrix(1, 0, 0, 1, -18, -18)"
37
- filter="url(#Rectangle_24558)"
38
- >
39
- <rect
40
- id="Rectangle_24558-2"
41
- data-name="Rectangle 24558"
42
- width="70"
43
- height="70"
44
- rx="35"
45
- transform="translate(18 18)"
46
- fill="#fff"
47
- />
48
- </g>
19
+ <rect
20
+ id="Rectangle_24558"
21
+ data-name="Rectangle 24558"
22
+ width="70"
23
+ height="70"
24
+ rx="35"
25
+ fill="#f0f0f5"
26
+ />
49
27
  <rect
50
28
  id="Rectangle_24559"
51
29
  data-name="Rectangle 24559"
@@ -57,10 +35,14 @@ export const ToursIcon = ({ size = 16 }) => {
57
35
  />
58
36
  </g>
59
37
  <path
60
- id="sun"
61
- d="M4.914,11.712a.971.971,0,0,0-.971-.971H2.971a.971.971,0,0,0,0,1.942h.971A.971.971,0,0,0,4.914,11.712Zm.622,4.856-.69.69a.968.968,0,0,0,1.369,1.369l.69-.69a.971.971,0,0,0-1.369-1.369ZM11.712,4.914a.971.971,0,0,0,.971-.971V2.971a.971.971,0,0,0-1.942,0v.971A.971.971,0,0,0,11.712,4.914Zm5.5,2.273a.971.971,0,0,0,.68-.282l.69-.69a.971.971,0,1,0-1.369-1.369l-.641.69a.967.967,0,0,0,.641,1.651ZM5.555,6.9A.968.968,0,0,0,6.924,5.535l-.69-.69A.975.975,0,0,0,4.846,6.215Zm14.9,3.836h-.971a.971.971,0,0,0,0,1.942h.971a.971.971,0,0,0,0-1.942Zm-2.564,5.827a.971.971,0,0,0-1.321,1.321l.69.69a.968.968,0,1,0,1.369-1.369ZM11.712,6.37a5.342,5.342,0,1,0,5.342,5.342A5.342,5.342,0,0,0,11.712,6.37Zm0,8.741a3.4,3.4,0,1,1,3.4-3.4,3.4,3.4,0,0,1-3.4,3.4Zm0,3.4a.971.971,0,0,0-.971.971v.971a.971.971,0,0,0,1.942,0v-.971A.971.971,0,0,0,11.712,18.51Z"
62
- transform="translate(1863.288 1023.288)"
63
- fill="#323167"
38
+ id="bulb"
39
+ d="M27.892,25.169c0-4.19,1.985-5.292,1.985-5.292a6.893,6.893,0,0,0,.139-9.841,7.056,7.056,0,0,0-9.978,0,6.891,6.891,0,0,0,.137,9.841s1.985,1.1,1.985,5.292Zm-1.544,5.292H23.7m3.528-2.646H22.82M24.8,4V5.323M14,14.8h1.323m19.4,0h.882M17.164,22.445l.935-.935M31.821,7.788l.624-.624m-15.281,0L18.1,8.1M31.821,21.821l.624.624"
40
+ transform="translate(1850.195 1017.771)"
41
+ fill="none"
42
+ stroke="#323167"
43
+ stroke-linecap="round"
44
+ stroke-linejoin="round"
45
+ stroke-width="1.8"
64
46
  />
65
47
  </g>
66
48
  </svg>
@@ -1,41 +1,84 @@
1
1
  export const UmsIcon = ({ size = 16 }) => {
2
2
  return (
3
3
  <svg
4
+ xmlns="http://www.w3.org/2000/svg"
4
5
  width={size}
5
6
  height={size}
6
7
  viewBox="0 0 20 20"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
8
  >
10
- <g id="Learning Management">
11
- <path
12
- id="Vector"
13
- d="M3.02045 16.3156L3.019 16.3154C2.45032 16.2283 1.93047 15.9437 1.55069 15.5116C1.17091 15.0795 0.955464 14.5274 0.942164 13.9522L0.94211 13.9499H0.942137V3.88378C0.938474 3.55291 1.00443 3.22497 1.13572 2.92124C1.26709 2.61734 1.46094 2.34447 1.70466 2.12038C1.94838 1.89629 2.23652 1.72599 2.55036 1.62055C2.86421 1.5151 3.19672 1.47687 3.52631 1.50834L3.52844 1.50854L3.52844 1.50857C5.7149 1.7647 7.8262 2.46383 9.73341 3.56325L9.73386 3.56351L9.92794 3.67673C9.97464 3.69524 10.0262 3.6975 10.0742 3.68323L10.1971 3.60642L10.2001 3.60457L10.2001 3.60462C12.111 2.50113 14.2235 1.79141 16.4131 1.51733L16.4255 1.51577V1.51656H16.5213C16.8428 1.48982 17.1665 1.53078 17.4713 1.6368C17.7772 1.74322 18.0573 1.91281 18.2935 2.13455C18.2936 2.1347 18.2938 2.13486 18.2939 2.13501L3.02045 16.3156ZM3.02045 16.3156L3.26044 16.3488C5.34346 16.6958 7.36149 17.358 9.24516 18.3125M3.02045 16.3156L9.24516 18.3125M9.9993 18.4986C10.2571 18.5052 10.5121 18.444 10.7387 18.321C12.6131 17.3653 14.6231 16.7029 16.6984 16.3569L16.9709 16.3238L16.9709 16.3239L16.9734 16.3235C17.5442 16.2395 18.0669 15.956 18.4486 15.5234C18.8304 15.0907 19.0465 14.5369 19.0588 13.96L19.0588 13.96V13.9579V3.89976L9.24626 18.3131C9.24589 18.3129 9.24553 18.3127 9.24516 18.3125M9.9993 18.4986C9.99868 18.4986 9.99806 18.4985 9.99743 18.4985L10.0001 18.3986L10.0012 18.4985C10.0006 18.4986 9.99993 18.4986 9.9993 18.4986ZM9.9993 18.4986C9.73627 18.501 9.47688 18.437 9.24516 18.3125M3.31555 2.94988V2.94989H3.3168H3.41055C5.37321 3.19683 7.26906 3.82339 8.99238 4.79463C8.9926 4.79476 8.99282 4.79488 8.99303 4.795L9.19175 4.91093L9.19224 4.91122C9.44355 5.05592 9.72874 5.13138 10.0187 5.12988C10.3087 5.12839 10.5931 5.04999 10.8429 4.9027L10.8431 4.90291L10.8489 4.89886L10.9787 4.80931C12.6793 3.84066 14.5509 3.20931 16.4908 2.94989H16.5841V2.95018L16.5918 2.9496C16.7229 2.93959 16.8547 2.95585 16.9794 2.99743C17.1035 3.03879 17.2181 3.10437 17.3166 3.19036C17.4105 3.28036 17.4849 3.38869 17.5351 3.50864C17.5857 3.62924 17.6108 3.75898 17.6088 3.88973V3.89122V13.9479C17.5994 14.1734 17.5135 14.389 17.3652 14.5592C17.2172 14.7292 17.0157 14.8438 16.794 14.8843L16.5138 14.9172L16.5138 14.9171L16.5093 14.9179C14.2588 15.286 12.0798 16.0038 10.0512 17.0454C10.0005 17.0531 9.94864 17.0464 9.90149 17.0261C7.87418 15.9981 5.70123 15.2871 3.45838 14.9179L3.45839 14.9178L3.45535 14.9174L3.20789 14.8844C2.98638 14.8429 2.78532 14.7279 2.63726 14.5579C2.48915 14.3878 2.4028 14.1728 2.39214 13.9476V3.88322H2.39215L2.39213 3.88173C2.3902 3.75229 2.41527 3.62387 2.46575 3.50467C2.51614 3.38568 2.59074 3.27848 2.6848 3.18989C2.85698 3.03276 3.08246 2.94696 3.31555 2.94988Z"
14
- fill="#121212"
15
- stroke="#121212"
16
- stroke-width="0.2"
17
- />
18
- <path
19
- id="Vector_2"
20
- d="M10.0001 17.8002L9.9997 17.8002C9.80801 17.799 9.6245 17.7223 9.48887 17.5869C9.35325 17.4514 9.27642 17.268 9.275 17.0763L9.275 17.0755L9.275 4.57553V4.5749H9.275C9.27622 4.38307 9.35296 4.19944 9.4886 4.0638C9.62425 3.92815 9.80787 3.85141 9.9997 3.8502L10.001 3.85019C10.1928 3.85141 10.3764 3.92815 10.5121 4.0638C10.6477 4.19944 10.7244 4.38307 10.7257 4.5749L10.7257 4.57553H10.7257L10.7257 17.0754L10.7257 17.0755M10.0001 17.8002L10.5782 17.3148C10.6096 17.239 10.6258 17.1576 10.6257 17.0755H10.7257M10.0001 17.8002C10.0954 17.8004 10.1898 17.7818 10.2778 17.7455C10.3659 17.7091 10.4459 17.6557 10.5133 17.5884M10.0001 17.8002L10.5133 17.5884M10.7257 17.0755C10.7258 17.1708 10.7071 17.2651 10.6706 17.3531C10.6342 17.4411 10.5807 17.5211 10.5133 17.5884M10.7257 17.0755L10.5133 17.5884"
21
- fill="#121212"
22
- stroke="#121212"
23
- stroke-width="0.2"
24
- />
25
- <path
26
- id="Vector_3"
27
- d="M6.45898 7.8002L6.45962 7.80019C6.65131 7.79898 6.83482 7.72234 6.97044 7.58687C7.10607 7.45139 7.1829 7.26796 7.18432 7.07627L7.18432 7.0749C7.1831 6.88307 7.10636 6.69944 6.97071 6.5638C6.83507 6.42815 6.65144 6.35141 6.45962 6.3502L6.45962 6.3502H6.45898H4.58432V6.35019L4.58368 6.3502C4.39186 6.35141 4.20823 6.42815 4.07259 6.5638C3.93694 6.69944 3.8602 6.88307 3.85898 7.0749L3.85899 7.07627C3.8604 7.26796 3.93724 7.45139 4.07286 7.58687C4.20848 7.72234 4.39199 7.79898 4.58368 7.80019V7.8002H4.58432L6.45898 7.8002Z"
28
- fill="#121212"
29
- stroke="#121212"
30
- stroke-width="0.2"
31
- />
32
- <path
33
- id="Vector_4"
34
- d="M7.08432 10.3002L7.08495 10.3002C7.27664 10.299 7.46015 10.2223 7.59578 10.0869C7.7314 9.95139 7.80823 9.76796 7.80966 9.57627L7.80965 9.5749C7.80843 9.38307 7.73169 9.19944 7.59605 9.0638C7.4604 8.92815 7.27678 8.85141 7.08495 8.8502L7.08495 8.8502H7.08432H4.58432V8.85019L4.58368 8.8502C4.39186 8.85141 4.20823 8.92815 4.07259 9.0638C3.93694 9.19944 3.8602 9.38307 3.85898 9.5749L3.85899 9.57627C3.8604 9.76796 3.93724 9.95139 4.07286 10.0869C4.20848 10.2223 4.39199 10.299 4.58368 10.3002V10.3002H4.58432L7.08432 10.3002Z"
35
- fill="#121212"
36
- stroke="#121212"
37
- stroke-width="0.2"
38
- />
9
+ <g
10
+ id="vuesax_outline_book"
11
+ data-name="vuesax/outline/book"
12
+ transform="translate(-492 -188)"
13
+ >
14
+ <g id="book" transform="translate(492 188)">
15
+ <g id="Vector" transform="translate(2.292 1.042)" fill="#121212">
16
+ <path
17
+ d="M 0.6250025629997253 14.68333625793457 C 0.2252325415611267 14.68333625793457 -0.09999746084213257 14.35810565948486 -0.09999746084213257 13.95833587646484 L -0.09999746084213257 4.791666030883789 C -0.09999746084213257 2.830676078796387 0.2131225317716599 1.680876016616821 0.9469925165176392 0.9469960331916809 C 1.680872559547424 0.2131160348653793 2.830682516098022 -0.1000039726495743 4.791662693023682 -0.1000039726495743 L 10.62500286102295 -0.1000039726495743 C 12.58598232269287 -0.1000039726495743 13.73579216003418 0.2131160348653793 14.46967220306396 0.9469960331916809 C 15.20354270935059 1.680876016616821 15.51666259765625 2.830676078796387 15.51666259765625 4.791666030883789 L 15.51666259765625 13.12499618530273 C 15.51666259765625 13.25945568084717 15.51666259765625 13.38645648956299 15.50814247131348 13.52290630340576 C 15.48072242736816 13.89761638641357 15.15639209747314 14.20160579681396 14.78506278991699 14.20161628723145 C 14.78493118286133 14.20161628723145 14.78479766845703 14.20161628723145 14.78466701507568 14.20161628723145 C 14.76790618896484 14.20161628723145 14.75108051300049 14.2009859085083 14.73418235778809 14.19971561431885 C 14.33268260955811 14.17033576965332 14.02953243255615 13.82325649261475 14.05860233306885 13.42603588104248 C 14.06666278839111 13.32917594909668 14.06666278839111 13.22537612915039 14.06666278839111 13.12499618530273 L 14.06666278839111 4.791666030883789 C 14.06666278839111 1.864636063575745 13.55202293395996 1.349996089935303 10.62500286102295 1.349996089935303 L 4.791662693023682 1.349996089935303 C 1.86464250087738 1.349996089935303 1.350002527236938 1.864636063575745 1.350002527236938 4.791666030883789 L 1.350002527236938 13.95833587646484 C 1.350002527236938 14.35810565948486 1.024772524833679 14.68333625793457 0.6250025629997253 14.68333625793457 Z"
18
+ stroke="none"
19
+ />
20
+ <path
21
+ d="M 0.6250025629997253 14.58333587646484 C 0.9666625261306763 14.58333587646484 1.250002503395081 14.2999963760376 1.250002503395081 13.95833587646484 L 1.250002503395081 4.791666030883789 C 1.250002503395081 1.816666007041931 1.808332562446594 1.249996066093445 4.791662693023682 1.249996066093445 L 10.62500286102295 1.249996066093445 C 13.60833263397217 1.249996066093445 14.16666221618652 1.816666007041931 14.16666221618652 4.791666030883789 L 14.16666221618652 13.12499618530273 C 14.16666221618652 13.22499561309814 14.16666221618652 13.33333587646484 14.15833282470703 13.43333625793457 C 14.13333225250244 13.77499580383301 14.40000247955322 14.07499599456787 14.74166297912598 14.09999561309814 C 15.07500076293945 14.12501049041748 15.38333225250244 13.85833549499512 15.40833282470703 13.51666641235352 C 15.41666221618652 13.38333606719971 15.41666221618652 13.25833606719971 15.41666221618652 13.12499618530273 L 15.41666221618652 4.791666030883789 C 15.41666221618652 1.116666078567505 14.3000020980835 -3.969116278312868e-06 10.62500286102295 -3.969116278312868e-06 L 4.791662693023682 -3.969116278312868e-06 C 1.116662502288818 -3.969116278312868e-06 2.538604803703493e-06 1.116666078567505 2.538604803703493e-06 4.791666030883789 L 2.538604803703493e-06 13.95833587646484 C 2.538604803703493e-06 14.2999963760376 0.2833325266838074 14.58333587646484 0.6250025629997253 14.58333587646484 M 0.6250025629997253 14.78333568572998 C 0.1700925379991531 14.78333568572998 -0.1999974548816681 14.41324615478516 -0.1999974548816681 13.95833587646484 L -0.1999974548816681 4.791666030883789 C -0.1999974548816681 1.012925982475281 1.012932538986206 -0.2000039666891098 4.791662693023682 -0.2000039666891098 L 10.62500286102295 -0.2000039666891098 C 14.40373229980469 -0.2000039666891098 15.61666297912598 1.012925982475281 15.61666297912598 4.791666030883789 L 15.61666297912598 13.12499618530273 C 15.61666297912598 13.2610559463501 15.61666297912598 13.38957595825195 15.60794258117676 13.52913570404053 C 15.57672214508057 13.95603561401367 15.20764255523682 14.30161571502686 14.78506278991699 14.30161571502686 C 14.76542282104492 14.30161571502686 14.74611282348633 14.30089569091797 14.72670269012451 14.29943561553955 C 14.50872230529785 14.28348636627197 14.3081521987915 14.18334579467773 14.16230297088623 14.01748561859131 C 14.01511287689209 13.8500862121582 13.94286251068115 13.63744640350342 13.9588623046875 13.41873645782471 C 13.96666240692139 13.32501602172852 13.96666240692139 13.2233362197876 13.96666240692139 13.12499618530273 L 13.96666240692139 4.791666030883789 C 13.96666240692139 3.224136114120483 13.80577278137207 2.480116128921509 13.37301254272461 2.046486139297485 C 12.94464206695557 1.617236018180847 12.17417240142822 1.449995994567871 10.62500286102295 1.449995994567871 L 4.791662693023682 1.449995994567871 C 3.242492437362671 1.449995994567871 2.472022533416748 1.617236018180847 2.043652534484863 2.046486139297485 C 1.610892534255981 2.480116128921509 1.450002551078796 3.224136114120483 1.450002551078796 4.791666030883789 L 1.450002551078796 13.95833587646484 C 1.450002551078796 14.41324615478516 1.079912543296814 14.78333568572998 0.6250025629997253 14.78333568572998 Z"
22
+ stroke="none"
23
+ fill="#121212"
24
+ />
25
+ </g>
26
+ <g
27
+ id="Vector-2"
28
+ data-name="Vector"
29
+ transform="translate(2.292 11.875)"
30
+ fill="#121212"
31
+ >
32
+ <path
33
+ d="M 11.87500286102295 7.183336734771729 L 3.541662454605103 7.183336734771729 C 1.533642530441284 7.183336734771729 -0.09999746084213257 5.549686431884766 -0.09999746084213257 3.541666507720947 L -0.09999746084213257 2.999996423721313 C -0.09999746084213257 1.290646553039551 1.290652513504028 -0.1000034958124161 3.00000262260437 -0.1000034958124161 L 14.79166221618652 -0.1000034958124161 C 15.19143295288086 -0.1000034958124161 15.51666259765625 0.2252265065908432 15.51666259765625 0.6249964833259583 L 15.51666259765625 3.541666507720947 C 15.51666259765625 5.549686431884766 13.88302230834961 7.183336734771729 11.87500286102295 7.183336734771729 Z M 3.00000262260437 1.349996566772461 C 2.090192556381226 1.349996566772461 1.350002527236938 2.090186595916748 1.350002527236938 2.999996423721313 L 1.350002527236938 3.541666507720947 C 1.350002527236938 4.750156402587891 2.333172559738159 5.733336448669434 3.541662454605103 5.733336448669434 L 11.87500286102295 5.733336448669434 C 13.08349227905273 5.733336448669434 14.06666278839111 4.750156402587891 14.06666278839111 3.541666507720947 L 14.06666278839111 1.349996566772461 L 3.00000262260437 1.349996566772461 Z"
34
+ stroke="none"
35
+ />
36
+ <path
37
+ d="M 11.87500286102295 7.083336353302002 C 13.82500267028809 7.083336353302002 15.41666221618652 5.491666316986084 15.41666221618652 3.541666507720947 L 15.41666221618652 0.6249964833259583 C 15.41666221618652 0.2833365201950073 15.13333225250244 -3.492279120109743e-06 14.79166221618652 -3.492279120109743e-06 L 3.00000262260437 -3.492279120109743e-06 C 1.350002527236938 -3.492279120109743e-06 2.538604803703493e-06 1.341666460037231 2.538604803703493e-06 2.999996423721313 L 2.538604803703493e-06 3.541666507720947 C 2.538604803703493e-06 5.491666316986084 1.591662526130676 7.083336353302002 3.541662454605103 7.083336353302002 L 11.87500286102295 7.083336353302002 M 3.00000262260437 1.249996542930603 L 14.16666221618652 1.249996542930603 L 14.16666221618652 3.541666507720947 C 14.16666221618652 4.808336734771729 13.14166259765625 5.833336353302002 11.87500286102295 5.833336353302002 L 3.541662454605103 5.833336353302002 C 2.275002479553223 5.833336353302002 1.250002503395081 4.808336734771729 1.250002503395081 3.541666507720947 L 1.250002503395081 2.999996423721313 C 1.250002503395081 2.033336400985718 2.033332586288452 1.249996542930603 3.00000262260437 1.249996542930603 M 11.87500286102295 7.283336639404297 L 3.541662454605103 7.283336639404297 C 1.478502511978149 7.283336639404297 -0.1999974548816681 5.6048264503479 -0.1999974548816681 3.541666507720947 L -0.1999974548816681 2.999996423721313 C -0.1999974548816681 1.235506534576416 1.235512495040894 -0.2000034898519516 3.00000262260437 -0.2000034898519516 L 14.79166221618652 -0.2000034898519516 C 15.24657249450684 -0.2000034898519516 15.61666297912598 0.1700865030288696 15.61666297912598 0.6249964833259583 L 15.61666297912598 3.541666507720947 C 15.61666297912598 5.6048264503479 13.9381628036499 7.283336639404297 11.87500286102295 7.283336639404297 Z M 3.00000262260437 1.449996471405029 C 2.14533257484436 1.449996471405029 1.450002551078796 2.145326614379883 1.450002551078796 2.999996423721313 L 1.450002551078796 3.541666507720947 C 1.450002551078796 4.695016384124756 2.388312578201294 5.633336544036865 3.541662454605103 5.633336544036865 L 11.87500286102295 5.633336544036865 C 13.02835273742676 5.633336544036865 13.96666240692139 4.695016384124756 13.96666240692139 3.541666507720947 L 13.96666240692139 1.449996471405029 L 3.00000262260437 1.449996471405029 Z"
38
+ stroke="none"
39
+ fill="#121212"
40
+ />
41
+ </g>
42
+ <g
43
+ id="Vector-3"
44
+ data-name="Vector"
45
+ transform="translate(6.042 5.208)"
46
+ fill="#121212"
47
+ >
48
+ <path
49
+ d="M 7.29166316986084 1.350000023841858 L 0.6250032782554626 1.350000023841858 C 0.225233256816864 1.350000023841858 -0.09999674558639526 1.024770021438599 -0.09999674558639526 0.625 C -0.09999674558639526 0.2252299934625626 0.225233256816864 -0.1000000014901161 0.6250032782554626 -0.1000000014901161 L 7.29166316986084 -0.1000000014901161 C 7.691433429718018 -0.1000000014901161 8.016663551330566 0.2252299934625626 8.016663551330566 0.625 C 8.016663551330566 1.024770021438599 7.691433429718018 1.350000023841858 7.29166316986084 1.350000023841858 Z"
50
+ stroke="none"
51
+ />
52
+ <path
53
+ d="M 7.29166316986084 1.25 C 7.633333206176758 1.25 7.91666316986084 0.9666699767112732 7.91666316986084 0.625 C 7.91666316986084 0.2833299934864044 7.633333206176758 0 7.29166316986084 0 L 0.6250032782554626 0 C 0.2833332419395447 0 3.25386054100818e-06 0.2833299934864044 3.25386054100818e-06 0.625 C 3.25386054100818e-06 0.9666699767112732 0.2833332419395447 1.25 0.6250032782554626 1.25 L 7.29166316986084 1.25 M 7.29166316986084 1.450000047683716 L 0.6250032782554626 1.450000047683716 C 0.1700932532548904 1.450000047683716 -0.1999967396259308 1.079910039901733 -0.1999967396259308 0.625 C -0.1999967396259308 0.1700900048017502 0.1700932532548904 -0.2000000029802322 0.6250032782554626 -0.2000000029802322 L 7.29166316986084 -0.2000000029802322 C 7.746573448181152 -0.2000000029802322 8.116662979125977 0.1700900048017502 8.116662979125977 0.625 C 8.116662979125977 1.079910039901733 7.746573448181152 1.450000047683716 7.29166316986084 1.450000047683716 Z"
54
+ stroke="none"
55
+ fill="#121212"
56
+ />
57
+ </g>
58
+ <g
59
+ id="Vector-4"
60
+ data-name="Vector"
61
+ transform="translate(6.042 8.125)"
62
+ fill="#121212"
63
+ >
64
+ <path
65
+ d="M 4.79166316986084 1.350000023841858 L 0.6250030398368835 1.350000023841858 C 0.2252330183982849 1.350000023841858 -0.09999698400497437 1.024770021438599 -0.09999698400497437 0.625 C -0.09999698400497437 0.2252299934625626 0.2252330183982849 -0.1000000014901161 0.6250030398368835 -0.1000000014901161 L 4.79166316986084 -0.1000000014901161 C 5.191432952880859 -0.1000000014901161 5.516663074493408 0.2252299934625626 5.516663074493408 0.625 C 5.516663074493408 1.024770021438599 5.191432952880859 1.350000023841858 4.79166316986084 1.350000023841858 Z"
66
+ stroke="none"
67
+ />
68
+ <path
69
+ d="M 4.79166316986084 1.25 C 5.133333206176758 1.25 5.41666316986084 0.9666699767112732 5.41666316986084 0.625 C 5.41666316986084 0.2833299934864044 5.133333206176758 0 4.79166316986084 0 L 0.6250030398368835 0 C 0.2833330035209656 0 3.015441961906618e-06 0.2833299934864044 3.015441961906618e-06 0.625 C 3.015441961906618e-06 0.9666699767112732 0.2833330035209656 1.25 0.6250030398368835 1.25 L 4.79166316986084 1.25 M 4.79166316986084 1.450000047683716 L 0.6250030398368835 1.450000047683716 C 0.1700930148363113 1.450000047683716 -0.1999969780445099 1.079910039901733 -0.1999969780445099 0.625 C -0.1999969780445099 0.1700900048017502 0.1700930148363113 -0.2000000029802322 0.6250030398368835 -0.2000000029802322 L 4.79166316986084 -0.2000000029802322 C 5.246572971343994 -0.2000000029802322 5.616662979125977 0.1700900048017502 5.616662979125977 0.625 C 5.616662979125977 1.079910039901733 5.246572971343994 1.450000047683716 4.79166316986084 1.450000047683716 Z"
70
+ stroke="none"
71
+ fill="#121212"
72
+ />
73
+ </g>
74
+ <path
75
+ id="Vector-5"
76
+ data-name="Vector"
77
+ d="M0,0H20V20H0Z"
78
+ fill="none"
79
+ opacity="0"
80
+ />
81
+ </g>
39
82
  </g>
40
83
  </svg>
41
84
  );
@@ -28,6 +28,7 @@ import { NavigationIcon } from "./IconComponents/NavigationIcon";
28
28
  import { NotificationIcon } from "./IconComponents/NotificationIcon";
29
29
  import { PayxIcon } from "./IconComponents/PayxIcon";
30
30
 
31
+ import { AdminIcon } from "./IconComponents/AdminIcon";
31
32
  import { CampxFullLogoIcon } from "./IconComponents/CampxFullLogoIcon";
32
33
  import { PeoplexIcon } from "./IconComponents/PeoplexIcon";
33
34
  import { ProductFeaturesIcon } from "./IconComponents/ProductFeaturesIcon";
@@ -38,7 +39,6 @@ import { ToursIcon } from "./IconComponents/ToursIcon";
38
39
  import { UmsIcon } from "./IconComponents/UmsIcon";
39
40
  import { UnCheckedCheckboxIcon } from "./IconComponents/UncheckCheckBoxIcon";
40
41
  import { UnCheckedRadioIcon } from "./IconComponents/UncheckedRadioIcon";
41
- import { XIcon } from "./IconComponents/XIcon";
42
42
 
43
43
  export const Icons = {
44
44
  AppsIcon,
@@ -80,5 +80,5 @@ export const Icons = {
80
80
  HostelxIcon,
81
81
  ExamxIcon,
82
82
  UmsIcon,
83
- XIcon,
83
+ AdminIcon,
84
84
  };
@@ -26,24 +26,41 @@ export const Tutorial = ({
26
26
  setRun(true);
27
27
  }, []);
28
28
 
29
- useEffect(() => {
30
- if (userTours && !userTours.includes(tourName)) {
31
- startTour();
32
- }
33
- }, [userTours, tourName, startTour]);
29
+ // useEffect(() => {
30
+ // if (userTours && !userTours.includes(tourName)) {
31
+ // startTour();
32
+ // }
33
+ // }, [userTours, tourName, startTour]);
34
34
 
35
35
  const handleJoyrideCallback = (data: CallBackProps) => {
36
- const { action, status } = data;
36
+ console.log(data);
37
+ const { action, status, lifecycle, type } = data;
38
+ const reqData = {
39
+ tourName: tourName,
40
+ skipped: false,
41
+ completed: false,
42
+ };
43
+
44
+ // Check if the tour is skipped or completed
45
+ if (
46
+ action === ACTIONS.SKIP &&
47
+ lifecycle === "complete" &&
48
+ type === "tour:end"
49
+ ) {
50
+ reqData.skipped = true;
51
+ } else if (action === ACTIONS.RESET) {
52
+ reqData.completed = true;
53
+ }
37
54
 
38
- if (action === ACTIONS.RESET) {
39
- setRun(false);
40
- completeTour().catch((err) => {
55
+ if (reqData.skipped || reqData.completed) {
56
+ setRun(false); // Stop the tour
57
+ completeTour(reqData).catch((err) => {
41
58
  console.error("Failed to mark tour as complete:", err);
42
59
  });
43
60
  }
44
61
  };
45
62
 
46
- const completeTour = async () => {
63
+ const completeTour = async (reqData: any) => {
47
64
  try {
48
65
  if (!userTours.includes(tourName)) {
49
66
  localStorage.setItem(
@@ -51,7 +68,7 @@ export const Tutorial = ({
51
68
  JSON.stringify([...JSON.parse(userTours), tourName])
52
69
  );
53
70
  }
54
- await axios.post("/square/tours/complete", { tourName });
71
+ await axios.post("/square/tours/complete", { reqData });
55
72
  } catch (error) {
56
73
  console.error("Error completing the tour:", error);
57
74
  }
@@ -12,16 +12,21 @@ export interface AppHeaderProps {
12
12
  clientLogoUrl?: string;
13
13
  clientName: string;
14
14
  userFullName: string;
15
+ designation?: string;
15
16
  collapsed: boolean;
17
+ profileSx?: any;
18
+ showActiveDevices?: boolean;
16
19
  }
17
20
 
18
21
  export const AppHeader = ({
19
22
  actions = [],
20
- appsMenu,
23
+ profileSx = {},
21
24
  clientLogoUrl,
25
+ designation = "",
22
26
  clientName,
23
27
  userFullName,
24
28
  collapsed,
29
+ showActiveDevices = true,
25
30
  }: AppHeaderProps) => {
26
31
  return (
27
32
  <StyledHeader collapsed={collapsed} className="appHeader">
@@ -32,9 +37,15 @@ export const AppHeader = ({
32
37
  alert("help button clicked");
33
38
  }}
34
39
  >
35
- <HelpIcon size={24} />
40
+ <HelpIcon size={20} />
36
41
  </StyledIconButton>
37
- <UserBox fullName={userFullName} actions={[]} />
42
+ <UserBox
43
+ fullName={userFullName}
44
+ actions={[]}
45
+ profileSx={profileSx}
46
+ designation={designation}
47
+ showActiveDevices={showActiveDevices}
48
+ />
38
49
  </Stack>
39
50
  </StyledHeader>
40
51
  );
@@ -99,7 +99,10 @@ export default function UserBox({
99
99
  width={"100%"}
100
100
  >
101
101
  <Typography variant="subtitle3">Logout</Typography>
102
- <Icons.LogoutIcon hoverColor={theme.palette.tertiary.main} />
102
+ <Icons.LogoutIcon
103
+ hoverColor={theme.palette.tertiary.main}
104
+ size={20}
105
+ />
103
106
  </Stack>
104
107
  }
105
108
  onClick={() => alert("Action 1 clicked")}
@@ -1,21 +0,0 @@
1
- import { useTheme } from "@mui/material";
2
-
3
- export const XIcon = ({ size = 16 }) => {
4
- const theme = useTheme();
5
- const color = theme.palette.text.primary;
6
- return (
7
- <svg
8
- xmlns="http://www.w3.org/2000/svg"
9
- width={size}
10
- height={size}
11
- viewBox="0 0 173.699 180"
12
- >
13
- <path
14
- id="Subtraction_139"
15
- data-name="Subtraction 139"
16
- d="M-3788.094-10082h-42.358l-24.995-34.4,21.786-29.984,46.361,63.811-.794.576Zm-129.754,0h-42.359l-.793-.576,65.064-89.554-65.064-89.553.436-.317h42.9l43.509,59.885.009-.012,21.785,29.984-.009.013.03.041-21.786,29.985-.03-.041-43.7,60.145h0Zm84.01-115.63h0l-21.785-29.985,24.982-34.385h42.9l.436.317-46.538,64.053Z"
17
- transform="translate(3961 10262)"
18
- />
19
- </svg>
20
- );
21
- };