l-min-components 1.0.562 → 1.0.564

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 (18) hide show
  1. package/package.json +1 -1
  2. package/src/assets/adminSvg/adminsIcon.jsx +58 -0
  3. package/src/assets/adminSvg/copyIcon.jsx +40 -0
  4. package/src/assets/adminSvg/documentIcon.jsx +40 -0
  5. package/src/assets/adminSvg/flagIcon.jsx +40 -0
  6. package/src/assets/adminSvg/gradingIcon.jsx +34 -0
  7. package/src/assets/adminSvg/listIcon.jsx +58 -0
  8. package/src/assets/adminSvg/penIcon.jsx +58 -0
  9. package/src/assets/adminSvg/playIcon.jsx +58 -0
  10. package/src/assets/adminSvg/securityIcon.jsx +58 -0
  11. package/src/assets/adminSvg/tokenIcon.jsx +35 -0
  12. package/src/assets/adminSvg/userBoxIcon.jsx +43 -0
  13. package/src/assets/adminSvg/userIcon.jsx +34 -0
  14. package/src/components/AdminAppMainLayout/index.jsx +13 -8
  15. package/src/components/AdminSidebar/index.jsx +51 -119
  16. package/src/components/AdminSidebar/index.styled.js +36 -31
  17. package/src/components/AdminSidebar/navItem.jsx +140 -0
  18. package/src/hooks/adminSideMenuRoutes.jsx +396 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "l-min-components",
3
- "version": "1.0.562",
3
+ "version": "1.0.564",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src/assets",
package/src/assets/adminSvg/adminsIcon.jsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react';
2
+
3
+ export const AdminsIcon = () => {
4
+ return (
5
+ <svg
6
+ width="20"
7
+ height="21"
8
+ viewBox="0 0 20 21"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M13.9999 14.2578C14.6184 14.2578 15.1199 13.7564 15.1199 13.1378C15.1199 12.5193 14.6184 12.0178 13.9999 12.0178C13.3813 12.0178 12.8799 12.5193 12.8799 13.1378C12.8799 13.7564 13.3813 14.2578 13.9999 14.2578Z"
14
+ fill="#636666"
15
+ />
16
+ <path
17
+ fill-rule="evenodd"
18
+ clip-rule="evenodd"
19
+ d="M13.9998 15.1379C13.2698 15.1379 11.8098 15.4979 11.7598 16.2179C12.2598 16.9279 13.0798 17.3879 13.9998 17.3879C14.9198 17.3879 15.7398 16.9279 16.2398 16.2179C16.1898 15.4979 14.7298 15.1379 13.9998 15.1379Z"
20
+ fill="#636666"
21
+ />
22
+ <path
23
+ fill-rule="evenodd"
24
+ clip-rule="evenodd"
25
+ d="M15 8.72794V3.90794L7.5 0.637939L0 3.90794V8.81794C0 13.3579 3.2 17.6079 7.5 18.6379C8.05 18.5079 8.58 18.3179 9.1 18.0879C10.18 19.6279 11.97 20.6379 14 20.6379C17.31 20.6379 20 17.9479 20 14.6379C20 11.6679 17.84 9.20794 15 8.72794ZM8 14.6379C8 15.1979 8.08 15.7479 8.23 16.2579C7.99 16.3679 7.75 16.4779 7.5 16.5579C4.33 15.5579 2 12.3179 2 8.81794V5.21794L7.5 2.81794L13 5.21794V8.72794C10.16 9.20794 8 11.6679 8 14.6379ZM14 18.6379C11.79 18.6379 10 16.8479 10 14.6379C10 12.4279 11.79 10.6379 14 10.6379C16.21 10.6379 18 12.4279 18 14.6379C18 16.8479 16.21 18.6379 14 18.6379Z"
26
+ fill="#636666"
27
+ />
28
+ </svg>
29
+ );
30
+ };
31
+ export const AdminsIconActive = () => {
32
+ return (
33
+ <svg
34
+ width="20"
35
+ height="21"
36
+ viewBox="0 0 20 21"
37
+ fill="none"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ >
40
+ <path
41
+ d="M13.9999 14.2578C14.6184 14.2578 15.1199 13.7564 15.1199 13.1378C15.1199 12.5193 14.6184 12.0178 13.9999 12.0178C13.3813 12.0178 12.8799 12.5193 12.8799 13.1378C12.8799 13.7564 13.3813 14.2578 13.9999 14.2578Z"
42
+ fill="#fff"
43
+ />
44
+ <path
45
+ fill-rule="evenodd"
46
+ clip-rule="evenodd"
47
+ d="M13.9998 15.1379C13.2698 15.1379 11.8098 15.4979 11.7598 16.2179C12.2598 16.9279 13.0798 17.3879 13.9998 17.3879C14.9198 17.3879 15.7398 16.9279 16.2398 16.2179C16.1898 15.4979 14.7298 15.1379 13.9998 15.1379Z"
48
+ fill="#fff"
49
+ />
50
+ <path
51
+ fill-rule="evenodd"
52
+ clip-rule="evenodd"
53
+ d="M15 8.72794V3.90794L7.5 0.637939L0 3.90794V8.81794C0 13.3579 3.2 17.6079 7.5 18.6379C8.05 18.5079 8.58 18.3179 9.1 18.0879C10.18 19.6279 11.97 20.6379 14 20.6379C17.31 20.6379 20 17.9479 20 14.6379C20 11.6679 17.84 9.20794 15 8.72794ZM8 14.6379C8 15.1979 8.08 15.7479 8.23 16.2579C7.99 16.3679 7.75 16.4779 7.5 16.5579C4.33 15.5579 2 12.3179 2 8.81794V5.21794L7.5 2.81794L13 5.21794V8.72794C10.16 9.20794 8 11.6679 8 14.6379ZM14 18.6379C11.79 18.6379 10 16.8479 10 14.6379C10 12.4279 11.79 10.6379 14 10.6379C16.21 10.6379 18 12.4279 18 14.6379C18 16.8479 16.21 18.6379 14 18.6379Z"
54
+ fill="#fff"
55
+ />
56
+ </svg>
57
+ );
58
+ };
package/src/assets/adminSvg/copyIcon.jsx ADDED
@@ -0,0 +1,40 @@
1
+ import React from 'react';
2
+
3
+ export const CopyIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M8 7.63794V15.6379C8 16.7425 8.89543 17.6379 10 17.6379H16M8 7.63794V5.63794C8 4.53337 8.89543 3.63794 10 3.63794H14.5858C14.851 3.63794 15.1054 3.7433 15.2929 3.93083L19.7071 8.34505C19.8946 8.53258 20 8.78694 20 9.05215V15.6379C20 16.7425 19.1046 17.6379 18 17.6379H16M8 7.63794H6C4.89543 7.63794 4 8.53337 4 9.63794V19.6379C4 20.7425 4.89543 21.6379 6 21.6379H14C15.1046 21.6379 16 20.7425 16 19.6379V17.6379"
14
+ stroke="#636666"
15
+ stroke-width="2"
16
+ stroke-linecap="round"
17
+ stroke-linejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+ export const CopyIconActive = () => {
23
+ return (
24
+ <svg
25
+ width="24"
26
+ height="25"
27
+ viewBox="0 0 24 25"
28
+ fill="none"
29
+ xmlns="http://www.w3.org/2000/svg"
30
+ >
31
+ <path
32
+ d="M8 7.63794V15.6379C8 16.7425 8.89543 17.6379 10 17.6379H16M8 7.63794V5.63794C8 4.53337 8.89543 3.63794 10 3.63794H14.5858C14.851 3.63794 15.1054 3.7433 15.2929 3.93083L19.7071 8.34505C19.8946 8.53258 20 8.78694 20 9.05215V15.6379C20 16.7425 19.1046 17.6379 18 17.6379H16M8 7.63794H6C4.89543 7.63794 4 8.53337 4 9.63794V19.6379C4 20.7425 4.89543 21.6379 6 21.6379H14C15.1046 21.6379 16 20.7425 16 19.6379V17.6379"
33
+ stroke="#fff"
34
+ stroke-width="2"
35
+ stroke-linecap="round"
36
+ stroke-linejoin="round"
37
+ />
38
+ </svg>
39
+ );
40
+ };
package/src/assets/adminSvg/documentIcon.jsx ADDED
@@ -0,0 +1,40 @@
1
+ import React from 'react';
2
+
3
+ export const DocumentIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M9 12.6367H15M9 16.6367H15M17 21.6367H7C5.89543 21.6367 5 20.7413 5 19.6367V5.63672C5 4.53215 5.89543 3.63672 7 3.63672H12.5858C12.851 3.63672 13.1054 3.74208 13.2929 3.92961L18.7071 9.34383C18.8946 9.53136 19 9.78572 19 10.0509V19.6367C19 20.7413 18.1046 21.6367 17 21.6367Z"
14
+ stroke="#636666"
15
+ stroke-width="2"
16
+ stroke-linecap="round"
17
+ stroke-linejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+ export const DocumentIconActive = () => {
23
+ return (
24
+ <svg
25
+ width="24"
26
+ height="25"
27
+ viewBox="0 0 24 25"
28
+ fill="none"
29
+ xmlns="http://www.w3.org/2000/svg"
30
+ >
31
+ <path
32
+ d="M9 12.6387H15M9 16.6387H15M17 21.6387H7C5.89543 21.6387 5 20.7432 5 19.6387V5.63867C5 4.5341 5.89543 3.63867 7 3.63867H12.5858C12.851 3.63867 13.1054 3.74403 13.2929 3.93157L18.7071 9.34578C18.8946 9.53332 19 9.78767 19 10.0529V19.6387C19 20.7432 18.1046 21.6387 17 21.6387Z"
33
+ stroke="white"
34
+ stroke-width="2"
35
+ stroke-linecap="round"
36
+ stroke-linejoin="round"
37
+ />
38
+ </svg>
39
+ );
40
+ };
package/src/assets/adminSvg/flagIcon.jsx ADDED
@@ -0,0 +1,40 @@
1
+ import React from 'react';
2
+
3
+ export const FlagIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M3 21.6379V17.6379M3 17.6379V5.63794C3 4.53337 3.89543 3.63794 5 3.63794H11.5L12.5 4.63794H21L18 10.6379L21 16.6379H12.5L11.5 15.6379H5C3.89543 15.6379 3 16.5334 3 17.6379ZM12 4.13794V9.63794"
14
+ stroke="#636666"
15
+ stroke-width="2"
16
+ stroke-linecap="round"
17
+ stroke-linejoin="round"
18
+ />
19
+ </svg>
20
+ );
21
+ };
22
+ export const FlagIconActive = () => {
23
+ return (
24
+ <svg
25
+ width="24"
26
+ height="25"
27
+ viewBox="0 0 24 25"
28
+ fill="none"
29
+ xmlns="http://www.w3.org/2000/svg"
30
+ >
31
+ <path
32
+ d="M3 21.6379V17.6379M3 17.6379V5.63794C3 4.53337 3.89543 3.63794 5 3.63794H11.5L12.5 4.63794H21L18 10.6379L21 16.6379H12.5L11.5 15.6379H5C3.89543 15.6379 3 16.5334 3 17.6379ZM12 4.13794V9.63794"
33
+ stroke="#fff"
34
+ stroke-width="2"
35
+ stroke-linecap="round"
36
+ stroke-linejoin="round"
37
+ />
38
+ </svg>
39
+ );
40
+ };
package/src/assets/adminSvg/gradingIcon.jsx ADDED
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+
3
+ export const GradingIcon = () => {
4
+ return (
5
+ <svg
6
+ width="16"
7
+ height="19"
8
+ viewBox="0 0 16 19"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M0 4.63794H16V6.63794H0V4.63794ZM0 10.6379H16V8.63794H0V10.6379ZM0 14.6379H7V12.6379H0V14.6379ZM0 18.6379H7V16.6379H0V18.6379ZM11.41 15.8079L10 14.3879L8.59 15.7979L11.41 18.6379L16 14.0579L14.58 12.6379L11.41 15.8079ZM0 0.637939V2.63794H16V0.637939H0Z"
14
+ fill="#636666"
15
+ />
16
+ </svg>
17
+ );
18
+ };
19
+ export const GradingIconActive = () => {
20
+ return (
21
+ <svg
22
+ width="16"
23
+ height="19"
24
+ viewBox="0 0 16 19"
25
+ fill="none"
26
+ xmlns="http://www.w3.org/2000/svg"
27
+ >
28
+ <path
29
+ d="M0 4.63794H16V6.63794H0V4.63794ZM0 10.6379H16V8.63794H0V10.6379ZM0 14.6379H7V12.6379H0V14.6379ZM0 18.6379H7V16.6379H0V18.6379ZM11.41 15.8079L10 14.3879L8.59 15.7979L11.41 18.6379L16 14.0579L14.58 12.6379L11.41 15.8079ZM0 0.637939V2.63794H16V0.637939H0Z"
30
+ fill="#fff"
31
+ />
32
+ </svg>
33
+ );
34
+ };
package/src/assets/adminSvg/listIcon.jsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react';
2
+
3
+ export const ListIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <g clip-path="url(#clip0_6993_52534)">
13
+ <path
14
+ d="M4 11.1379C3.17 11.1379 2.5 11.8079 2.5 12.6379C2.5 13.4679 3.17 14.1379 4 14.1379C4.83 14.1379 5.5 13.4679 5.5 12.6379C5.5 11.8079 4.83 11.1379 4 11.1379ZM4 5.13794C3.17 5.13794 2.5 5.80794 2.5 6.63794C2.5 7.46794 3.17 8.13794 4 8.13794C4.83 8.13794 5.5 7.46794 5.5 6.63794C5.5 5.80794 4.83 5.13794 4 5.13794ZM4 17.1379C3.17 17.1379 2.5 17.8179 2.5 18.6379C2.5 19.4579 3.18 20.1379 4 20.1379C4.82 20.1379 5.5 19.4579 5.5 18.6379C5.5 17.8179 4.83 17.1379 4 17.1379ZM7 19.6379H21V17.6379H7V19.6379ZM7 13.6379H21V11.6379H7V13.6379ZM7 5.63794V7.63794H21V5.63794H7Z"
15
+ fill="#636666"
16
+ />
17
+ </g>
18
+ <defs>
19
+ <clipPath id="clip0_6993_52534">
20
+ <rect
21
+ width="24"
22
+ height="24"
23
+ fill="white"
24
+ transform="translate(0 0.637939)"
25
+ />
26
+ </clipPath>
27
+ </defs>
28
+ </svg>
29
+ );
30
+ };
31
+ export const ListIconActive = () => {
32
+ return (
33
+ <svg
34
+ width="24"
35
+ height="25"
36
+ viewBox="0 0 24 25"
37
+ fill="none"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ >
40
+ <g clip-path="url(#clip0_6993_52534)">
41
+ <path
42
+ d="M4 11.1379C3.17 11.1379 2.5 11.8079 2.5 12.6379C2.5 13.4679 3.17 14.1379 4 14.1379C4.83 14.1379 5.5 13.4679 5.5 12.6379C5.5 11.8079 4.83 11.1379 4 11.1379ZM4 5.13794C3.17 5.13794 2.5 5.80794 2.5 6.63794C2.5 7.46794 3.17 8.13794 4 8.13794C4.83 8.13794 5.5 7.46794 5.5 6.63794C5.5 5.80794 4.83 5.13794 4 5.13794ZM4 17.1379C3.17 17.1379 2.5 17.8179 2.5 18.6379C2.5 19.4579 3.18 20.1379 4 20.1379C4.82 20.1379 5.5 19.4579 5.5 18.6379C5.5 17.8179 4.83 17.1379 4 17.1379ZM7 19.6379H21V17.6379H7V19.6379ZM7 13.6379H21V11.6379H7V13.6379ZM7 5.63794V7.63794H21V5.63794H7Z"
43
+ fill="#fff"
44
+ />
45
+ </g>
46
+ <defs>
47
+ <clipPath id="clip0_6993_52534">
48
+ <rect
49
+ width="24"
50
+ height="24"
51
+ fill="white"
52
+ transform="translate(0 0.637939)"
53
+ />
54
+ </clipPath>
55
+ </defs>
56
+ </svg>
57
+ );
58
+ };
package/src/assets/adminSvg/penIcon.jsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react';
2
+
3
+ export const PenIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <g clip-path="url(#clip0_6993_52512)">
13
+ <path
14
+ d="M14.06 9.65794L14.98 10.5779L5.92 19.6379H5V18.7179L14.06 9.65794ZM17.66 3.63794C17.41 3.63794 17.15 3.73794 16.96 3.92794L15.13 5.75794L18.88 9.50794L20.71 7.67794C21.1 7.28794 21.1 6.65794 20.71 6.26794L18.37 3.92794C18.17 3.72794 17.92 3.63794 17.66 3.63794ZM14.06 6.82794L3 17.8879V21.6379H6.75L17.81 10.5779L14.06 6.82794Z"
15
+ fill="#636666"
16
+ />
17
+ </g>
18
+ <defs>
19
+ <clipPath id="clip0_6993_52512">
20
+ <rect
21
+ width="24"
22
+ height="24"
23
+ fill="#636666"
24
+ transform="translate(0 0.637939)"
25
+ />
26
+ </clipPath>
27
+ </defs>
28
+ </svg>
29
+ );
30
+ };
31
+ export const PenIconActive = () => {
32
+ return (
33
+ <svg
34
+ width="24"
35
+ height="25"
36
+ viewBox="0 0 24 25"
37
+ fill="none"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ >
40
+ <g clip-path="url(#clip0_6993_52512)">
41
+ <path
42
+ d="M14.06 9.65794L14.98 10.5779L5.92 19.6379H5V18.7179L14.06 9.65794ZM17.66 3.63794C17.41 3.63794 17.15 3.73794 16.96 3.92794L15.13 5.75794L18.88 9.50794L20.71 7.67794C21.1 7.28794 21.1 6.65794 20.71 6.26794L18.37 3.92794C18.17 3.72794 17.92 3.63794 17.66 3.63794ZM14.06 6.82794L3 17.8879V21.6379H6.75L17.81 10.5779L14.06 6.82794Z"
43
+ fill="white"
44
+ />
45
+ </g>
46
+ <defs>
47
+ <clipPath id="clip0_6993_52512">
48
+ <rect
49
+ width="24"
50
+ height="24"
51
+ fill="white"
52
+ transform="translate(0 0.637939)"
53
+ />
54
+ </clipPath>
55
+ </defs>
56
+ </svg>
57
+ );
58
+ };
package/src/assets/adminSvg/playIcon.jsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react';
2
+
3
+ export const PlayIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <g clip-path="url(#clip0_6993_52523)">
13
+ <path
14
+ d="M10 17.1379L16 12.6379L10 8.13794V17.1379ZM12 2.63794C6.48 2.63794 2 7.11794 2 12.6379C2 18.1579 6.48 22.6379 12 22.6379C17.52 22.6379 22 18.1579 22 12.6379C22 7.11794 17.52 2.63794 12 2.63794ZM12 20.6379C7.59 20.6379 4 17.0479 4 12.6379C4 8.22794 7.59 4.63794 12 4.63794C16.41 4.63794 20 8.22794 20 12.6379C20 17.0479 16.41 20.6379 12 20.6379Z"
15
+ fill="#636666"
16
+ />
17
+ </g>
18
+ <defs>
19
+ <clipPath id="clip0_6993_52523">
20
+ <rect
21
+ width="24"
22
+ height="24"
23
+ fill="white"
24
+ transform="translate(0 0.637939)"
25
+ />
26
+ </clipPath>
27
+ </defs>
28
+ </svg>
29
+ );
30
+ };
31
+ export const PlayIconActive = () => {
32
+ return (
33
+ <svg
34
+ width="24"
35
+ height="25"
36
+ viewBox="0 0 24 25"
37
+ fill="none"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ >
40
+ <g clip-path="url(#clip0_6993_52523)">
41
+ <path
42
+ d="M10 17.1379L16 12.6379L10 8.13794V17.1379ZM12 2.63794C6.48 2.63794 2 7.11794 2 12.6379C2 18.1579 6.48 22.6379 12 22.6379C17.52 22.6379 22 18.1579 22 12.6379C22 7.11794 17.52 2.63794 12 2.63794ZM12 20.6379C7.59 20.6379 4 17.0479 4 12.6379C4 8.22794 7.59 4.63794 12 4.63794C16.41 4.63794 20 8.22794 20 12.6379C20 17.0479 16.41 20.6379 12 20.6379Z"
43
+ fill="#fff"
44
+ />
45
+ </g>
46
+ <defs>
47
+ <clipPath id="clip0_6993_52523">
48
+ <rect
49
+ width="24"
50
+ height="24"
51
+ fill="white"
52
+ transform="translate(0 0.637939)"
53
+ />
54
+ </clipPath>
55
+ </defs>
56
+ </svg>
57
+ );
58
+ };
package/src/assets/adminSvg/securityIcon.jsx ADDED
@@ -0,0 +1,58 @@
1
+ import React from 'react';
2
+
3
+ export const SecurityIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <g clip-path="url(#clip0_6993_52616)">
13
+ <path
14
+ d="M12 1.63794L3 5.63794V11.6379C3 17.1879 6.84 22.3779 12 23.6379C17.16 22.3779 21 17.1879 21 11.6379V5.63794L12 1.63794ZM12 12.6279H19C18.47 16.7479 15.72 20.4179 12 21.5679V12.6379H5V6.93794L12 3.82794V12.6279Z"
15
+ fill="#636666"
16
+ />
17
+ </g>
18
+ <defs>
19
+ <clipPath id="clip0_6993_52616">
20
+ <rect
21
+ width="24"
22
+ height="24"
23
+ fill="white"
24
+ transform="translate(0 0.637939)"
25
+ />
26
+ </clipPath>
27
+ </defs>
28
+ </svg>
29
+ );
30
+ };
31
+ export const SecurityIconActive = () => {
32
+ return (
33
+ <svg
34
+ width="24"
35
+ height="25"
36
+ viewBox="0 0 24 25"
37
+ fill="none"
38
+ xmlns="http://www.w3.org/2000/svg"
39
+ >
40
+ <g clip-path="url(#clip0_6993_52616)">
41
+ <path
42
+ d="M12 1.63794L3 5.63794V11.6379C3 17.1879 6.84 22.3779 12 23.6379C17.16 22.3779 21 17.1879 21 11.6379V5.63794L12 1.63794ZM12 12.6279H19C18.47 16.7479 15.72 20.4179 12 21.5679V12.6379H5V6.93794L12 3.82794V12.6279Z"
43
+ fill="#fff"
44
+ />
45
+ </g>
46
+ <defs>
47
+ <clipPath id="clip0_6993_52616">
48
+ <rect
49
+ width="24"
50
+ height="24"
51
+ fill="white"
52
+ transform="translate(0 0.637939)"
53
+ />
54
+ </clipPath>
55
+ </defs>
56
+ </svg>
57
+ );
58
+ };
package/src/assets/adminSvg/tokenIcon.jsx ADDED
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+
3
+ export const TokenIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M20 12.6379C20 17.0562 16.4183 20.6379 12 20.6379V22.6379C17.5228 22.6379 22 18.1608 22 12.6379H20ZM12 20.6379C7.58172 20.6379 4 17.0562 4 12.6379H2C2 18.1608 6.47715 22.6379 12 22.6379V20.6379ZM4 12.6379C4 8.21966 7.58172 4.63794 12 4.63794V2.63794C6.47715 2.63794 2 7.11509 2 12.6379H4ZM12 4.63794C16.4183 4.63794 20 8.21966 20 12.6379H22C22 7.11509 17.5228 2.63794 12 2.63794V4.63794ZM15 12.6379C15 14.2948 13.6569 15.6379 12 15.6379V17.6379C14.7614 17.6379 17 15.3994 17 12.6379H15ZM12 15.6379C10.3431 15.6379 9 14.2948 9 12.6379H7C7 15.3994 9.23858 17.6379 12 17.6379V15.6379ZM9 12.6379C9 10.9811 10.3431 9.63794 12 9.63794V7.63794C9.23858 7.63794 7 9.87652 7 12.6379H9ZM12 9.63794C13.6569 9.63794 15 10.9811 15 12.6379H17C17 9.87652 14.7614 7.63794 12 7.63794V9.63794ZM17.6569 5.56687L14.1213 9.10241L15.5355 10.5166L19.0711 6.98109L17.6569 5.56687ZM14.1213 16.1735L17.6569 19.709L19.0711 18.2948L15.5355 14.7593L14.1213 16.1735ZM9.87868 9.10241L6.34315 5.56687L4.92893 6.98109L8.46447 10.5166L9.87868 9.10241ZM8.46447 14.7593L4.92893 18.2948L6.34315 19.709L9.87868 16.1735L8.46447 14.7593Z"
14
+ fill="#636666"
15
+ />
16
+ </svg>
17
+ );
18
+ };
19
+
20
+ export const TokenIconActive = () => {
21
+ return (
22
+ <svg
23
+ width="24"
24
+ height="25"
25
+ viewBox="0 0 24 25"
26
+ fill="none"
27
+ xmlns="http://www.w3.org/2000/svg"
28
+ >
29
+ <path
30
+ d="M20 12.6379C20 17.0562 16.4183 20.6379 12 20.6379V22.6379C17.5228 22.6379 22 18.1608 22 12.6379H20ZM12 20.6379C7.58172 20.6379 4 17.0562 4 12.6379H2C2 18.1608 6.47715 22.6379 12 22.6379V20.6379ZM4 12.6379C4 8.21966 7.58172 4.63794 12 4.63794V2.63794C6.47715 2.63794 2 7.11509 2 12.6379H4ZM12 4.63794C16.4183 4.63794 20 8.21966 20 12.6379H22C22 7.11509 17.5228 2.63794 12 2.63794V4.63794ZM15 12.6379C15 14.2948 13.6569 15.6379 12 15.6379V17.6379C14.7614 17.6379 17 15.3994 17 12.6379H15ZM12 15.6379C10.3431 15.6379 9 14.2948 9 12.6379H7C7 15.3994 9.23858 17.6379 12 17.6379V15.6379ZM9 12.6379C9 10.9811 10.3431 9.63794 12 9.63794V7.63794C9.23858 7.63794 7 9.87652 7 12.6379H9ZM12 9.63794C13.6569 9.63794 15 10.9811 15 12.6379H17C17 9.87652 14.7614 7.63794 12 7.63794V9.63794ZM17.6569 5.56687L14.1213 9.10241L15.5355 10.5166L19.0711 6.98109L17.6569 5.56687ZM14.1213 16.1735L17.6569 19.709L19.0711 18.2948L15.5355 14.7593L14.1213 16.1735ZM9.87868 9.10241L6.34315 5.56687L4.92893 6.98109L8.46447 10.5166L9.87868 9.10241ZM8.46447 14.7593L4.92893 18.2948L6.34315 19.709L9.87868 16.1735L8.46447 14.7593Z"
31
+ fill="#fff"
32
+ />
33
+ </svg>
34
+ );
35
+ };
package/src/assets/adminSvg/userBoxIcon.jsx ADDED
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+
3
+ export const UserBoxIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M12 14.6367C14.2091 14.6367 16 12.8459 16 10.6367C16 8.42758 14.2091 6.63672 12 6.63672C9.79086 6.63672 8 8.42758 8 10.6367C8 12.8459 9.79086 14.6367 12 14.6367ZM12 8.63672C13.1046 8.63672 14 9.53215 14 10.6367C14 11.7413 13.1046 12.6367 12 12.6367C10.8954 12.6367 10 11.7413 10 10.6367C10 9.53215 10.8954 8.63672 12 8.63672Z"
14
+ fill="#636666"
15
+ />
16
+ <path
17
+ d="M4 22.6367C2.89543 22.6367 2 21.7413 2 20.6367V4.63672C2 3.53215 2.89543 2.63672 4 2.63672H20C21.1046 2.63672 22 3.53215 22 4.63672V20.6367C22 21.7413 21.1046 22.6367 20 22.6367H4ZM4 4.63672V20.6367H7C7 17.8753 9.23858 15.6367 12 15.6367C14.7614 15.6367 17 17.8753 17 20.6367H20V4.63672H4ZM15 20.6367C15 18.9799 13.6569 17.6367 12 17.6367C10.3431 17.6367 9 18.9799 9 20.6367H15Z"
18
+ fill="#636666"
19
+ />
20
+ </svg>
21
+ );
22
+ };
23
+
24
+ export const UserBoxIconActive = () => {
25
+ return (
26
+ <svg
27
+ width="24"
28
+ height="25"
29
+ viewBox="0 0 24 25"
30
+ fill="none"
31
+ xmlns="http://www.w3.org/2000/svg"
32
+ >
33
+ <path
34
+ d="M12 14.6367C14.2091 14.6367 16 12.8459 16 10.6367C16 8.42758 14.2091 6.63672 12 6.63672C9.79086 6.63672 8 8.42758 8 10.6367C8 12.8459 9.79086 14.6367 12 14.6367ZM12 8.63672C13.1046 8.63672 14 9.53215 14 10.6367C14 11.7413 13.1046 12.6367 12 12.6367C10.8954 12.6367 10 11.7413 10 10.6367C10 9.53215 10.8954 8.63672 12 8.63672Z"
35
+ fill="#fff"
36
+ />
37
+ <path
38
+ d="M4 22.6367C2.89543 22.6367 2 21.7413 2 20.6367V4.63672C2 3.53215 2.89543 2.63672 4 2.63672H20C21.1046 2.63672 22 3.53215 22 4.63672V20.6367C22 21.7413 21.1046 22.6367 20 22.6367H4ZM4 4.63672V20.6367H7C7 17.8753 9.23858 15.6367 12 15.6367C14.7614 15.6367 17 17.8753 17 20.6367H20V4.63672H4ZM15 20.6367C15 18.9799 13.6569 17.6367 12 17.6367C10.3431 17.6367 9 18.9799 9 20.6367H15Z"
39
+ fill="#fff"
40
+ />
41
+ </svg>
42
+ );
43
+ };
package/src/assets/adminSvg/userIcon.jsx ADDED
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+
3
+ export const UserIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="25"
8
+ viewBox="0 0 24 25"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M12.0001 22.638C10.4882 22.6422 8.99532 22.3001 7.6361 21.6379C7.13865 21.396 6.66203 21.1134 6.2111 20.7929L6.0741 20.6929C4.83392 19.7776 3.81997 18.5902 3.1101 17.2219C2.37584 15.8058 1.99501 14.2331 2.00005 12.6379C2.00005 7.11509 6.47725 2.63794 12.0001 2.63794C17.5229 2.63794 22.0001 7.11509 22.0001 12.6379C22.0051 14.2323 21.6247 15.8043 20.8911 17.2199C20.1822 18.5874 19.1697 19.7744 17.9311 20.6899C17.4639 21.0319 16.968 21.3331 16.4491 21.5899L16.3691 21.6299C15.009 22.2957 13.5144 22.6405 12.0001 22.638ZM12.0001 17.6379C10.5016 17.635 9.12776 18.472 8.4431 19.8049C10.6845 20.9151 13.3157 20.9151 15.5571 19.8049V19.7999C14.8716 18.4684 13.4977 17.6334 12.0001 17.6379ZM12.0001 15.6379C14.1662 15.6408 16.1635 16.8081 17.2291 18.6939L17.2441 18.6809L17.2581 18.6689L17.2411 18.6839L17.2311 18.6919C19.7601 16.507 20.6644 12.9803 19.4987 9.84805C18.3331 6.71582 15.3432 4.63825 12.0011 4.63825C8.65901 4.63825 5.66909 6.71582 4.50345 9.84805C3.33781 12.9803 4.2421 16.507 6.7711 18.6919C7.83736 16.807 9.83446 15.6406 12.0001 15.6379ZM12.0001 14.6379C9.79096 14.6379 8.0001 12.8471 8.0001 10.6379C8.0001 8.4288 9.79096 6.63794 12.0001 6.63794C14.2092 6.63794 16.0001 8.4288 16.0001 10.6379C16.0001 11.6988 15.5787 12.7162 14.8285 13.4664C14.0784 14.2165 13.061 14.6379 12.0001 14.6379ZM12.0001 8.63794C10.8955 8.63794 10.0001 9.53337 10.0001 10.6379C10.0001 11.7425 10.8955 12.6379 12.0001 12.6379C13.1047 12.6379 14.0001 11.7425 14.0001 10.6379C14.0001 9.53337 13.1047 8.63794 12.0001 8.63794Z"
14
+ fill="#636666"
15
+ />
16
+ </svg>
17
+ );
18
+ };
19
+ export const UserIconActive = () => {
20
+ return (
21
+ <svg
22
+ width="24"
23
+ height="25"
24
+ viewBox="0 0 24 25"
25
+ fill="none"
26
+ xmlns="http://www.w3.org/2000/svg"
27
+ >
28
+ <path
29
+ d="M12.0001 22.638C10.4882 22.6422 8.99532 22.3001 7.6361 21.6379C7.13865 21.396 6.66203 21.1134 6.2111 20.7929L6.0741 20.6929C4.83392 19.7776 3.81997 18.5902 3.1101 17.2219C2.37584 15.8058 1.99501 14.2331 2.00005 12.6379C2.00005 7.11509 6.47725 2.63794 12.0001 2.63794C17.5229 2.63794 22.0001 7.11509 22.0001 12.6379C22.0051 14.2323 21.6247 15.8043 20.8911 17.2199C20.1822 18.5874 19.1697 19.7744 17.9311 20.6899C17.4639 21.0319 16.968 21.3331 16.4491 21.5899L16.3691 21.6299C15.009 22.2957 13.5144 22.6405 12.0001 22.638ZM12.0001 17.6379C10.5016 17.635 9.12776 18.472 8.4431 19.8049C10.6845 20.9151 13.3157 20.9151 15.5571 19.8049V19.7999C14.8716 18.4684 13.4977 17.6334 12.0001 17.6379ZM12.0001 15.6379C14.1662 15.6408 16.1635 16.8081 17.2291 18.6939L17.2441 18.6809L17.2581 18.6689L17.2411 18.6839L17.2311 18.6919C19.7601 16.507 20.6644 12.9803 19.4987 9.84805C18.3331 6.71582 15.3432 4.63825 12.0011 4.63825C8.65901 4.63825 5.66909 6.71582 4.50345 9.84805C3.33781 12.9803 4.2421 16.507 6.7711 18.6919C7.83736 16.807 9.83446 15.6406 12.0001 15.6379ZM12.0001 14.6379C9.79096 14.6379 8.0001 12.8471 8.0001 10.6379C8.0001 8.4288 9.79096 6.63794 12.0001 6.63794C14.2092 6.63794 16.0001 8.4288 16.0001 10.6379C16.0001 11.6988 15.5787 12.7162 14.8285 13.4664C14.0784 14.2165 13.061 14.6379 12.0001 14.6379ZM12.0001 8.63794C10.8955 8.63794 10.0001 9.53337 10.0001 10.6379C10.0001 11.7425 10.8955 12.6379 12.0001 12.6379C13.1047 12.6379 14.0001 11.7425 14.0001 10.6379C14.0001 9.53337 13.1047 8.63794 12.0001 8.63794Z"
30
+ fill="#fff"
31
+ />
32
+ </svg>
33
+ );
34
+ };
package/src/components/AdminAppMainLayout/index.jsx CHANGED
@@ -4,25 +4,30 @@ import React, {
4
4
  createContext,
5
5
  useRef,
6
6
  useContext,
7
- } from "react";
8
- import { Outlet, useLocation } from "react-router-dom";
7
+ } from 'react';
8
+ import { Outlet, useLocation } from 'react-router-dom';
9
9
  import {
10
10
  Layout,
11
11
  CenterLayout,
12
12
  LeftLayout,
13
13
  MainLayout,
14
14
  InnerCenterLayout,
15
- } from "./index.styled";
16
- import AdminSideMenu from "../AdminSidebar";
17
- import AdminNavbar from "../AdminNavbar";
15
+ } from './index.styled';
16
+ import AdminSideMenu from '../AdminSidebar';
17
+ import AdminNavbar from '../AdminNavbar';
18
18
 
19
- const AdminAppMainLayout = () => {
19
+ /**
20
+ * @param {object} props
21
+ * @param {"cms" | "analytics" | "support"} props.type - switch side navigate routes type
22
+ * @returns {JSX.Element}
23
+ */
24
+ const AdminAppMainLayout = ({ type }) => {
20
25
  const [isOpen, setIsOpen] = useState(true);
21
26
  const location = useLocation();
22
27
  const [adminGeneralData, setAdminGeneralData] = useState({});
23
28
  const [sideMenuLayout, setSideMenuLayout] = useState(true);
24
29
  const [centerLayoutStyle, setCenterLayoutStyle] = useState({});
25
- const [accessToken, setAccessToken] = useState("");
30
+ const [accessToken, setAccessToken] = useState('');
26
31
 
27
32
  return (
28
33
  <OutletContext.Provider
@@ -37,7 +42,7 @@ const AdminAppMainLayout = () => {
37
42
  <Layout>
38
43
  <MainLayout>
39
44
  <LeftLayout>
40
- <AdminSideMenu />
45
+ <AdminSideMenu type={type} />
41
46
  </LeftLayout>
42
47
  <CenterLayout>
43
48
  <AdminNavbar />