l-min-components 1.0.321 → 1.0.331
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 +1 -1
- package/src/assets/svg/addOnIcon.jsx +34 -0
- package/src/assets/svg/announcementsIcon.jsx +49 -0
- package/src/assets/svg/apiIcon.jsx +46 -0
- package/src/assets/svg/award.jsx +19 -0
- package/src/assets/svg/book.jsx +60 -1
- package/src/assets/svg/dashboard.jsx +52 -1
- package/src/assets/svg/document.jsx +17 -0
- package/src/assets/svg/fileManagerIcon.jsx +35 -0
- package/src/assets/svg/libraryIcon.jsx +60 -0
- package/src/assets/svg/messagesIcon.jsx +42 -0
- package/src/assets/svg/students.jsx +118 -0
- package/src/assets/svg/teams.jsx +34 -0
- package/src/components/AppMainLayout/index.jsx +37 -9
- package/src/components/header/account-dropdown.jsx +46 -5
- package/src/components/header/getHeaderDetails.js +52 -0
- package/src/components/header/index.jsx +39 -1
- package/src/components/sideBar/sideMenu/index.jsx +154 -2
- package/src/components/sideBar/sideMenu/styles/index.jsx +11 -4
- package/src/hooks/leftNavMenu.jsx +212 -7
package/package.json
CHANGED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const AddOnIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
fill-rule="evenodd"
|
|
12
|
+
clip-rule="evenodd"
|
|
13
|
+
d="M3.60156 20.4603C3.60156 19.7975 4.13882 19.2603 4.80156 19.2603H19.2016C19.8643 19.2603 20.4016 19.7975 20.4016 20.4603C20.4016 21.123 19.8643 21.6603 19.2016 21.6603H4.80156C4.13882 21.6603 3.60156 21.123 3.60156 20.4603ZM7.55303 11.2117C8.02166 10.7431 8.78146 10.7431 9.25009 11.2117L10.8016 12.7632L10.8016 3.66027C10.8016 2.99753 11.3388 2.46027 12.0016 2.46027C12.6643 2.46027 13.2016 2.99752 13.2016 3.66027L13.2016 12.7632L14.753 11.2117C15.2217 10.7431 15.9815 10.7431 16.4501 11.2117C16.9187 11.6804 16.9187 12.4402 16.4501 12.9088L12.8501 16.5088C12.625 16.7338 12.3198 16.8603 12.0016 16.8603C11.6833 16.8603 11.3781 16.7338 11.153 16.5088L7.55303 12.9088C7.0844 12.4402 7.0844 11.6804 7.55303 11.2117Z"
|
|
14
|
+
fill="white"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export const AddOnIconActive = ({ width, height, fill }) => (
|
|
20
|
+
<svg
|
|
21
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
22
|
+
width="24"
|
|
23
|
+
height="25"
|
|
24
|
+
viewBox="0 0 24 25"
|
|
25
|
+
fill="none"
|
|
26
|
+
>
|
|
27
|
+
<path
|
|
28
|
+
fill-rule="evenodd"
|
|
29
|
+
clip-rule="evenodd"
|
|
30
|
+
d="M3.60156 20.4609C3.60156 19.7982 4.13882 19.2609 4.80156 19.2609H19.2016C19.8643 19.2609 20.4016 19.7982 20.4016 20.4609C20.4016 21.1237 19.8643 21.6609 19.2016 21.6609H4.80156C4.13882 21.6609 3.60156 21.1237 3.60156 20.4609ZM7.55303 11.2124C8.02166 10.7438 8.78146 10.7438 9.25009 11.2124L10.8016 12.7639L10.8016 3.66094C10.8016 2.9982 11.3388 2.46094 12.0016 2.46094C12.6643 2.46094 13.2016 2.9982 13.2016 3.66094L13.2016 12.7639L14.753 11.2124C15.2217 10.7438 15.9815 10.7438 16.4501 11.2124C16.9187 11.681 16.9187 12.4408 16.4501 12.9095L12.8501 16.5095C12.625 16.7345 12.3198 16.8609 12.0016 16.8609C11.6833 16.8609 11.3781 16.7345 11.153 16.5095L7.55303 12.9095C7.0844 12.4408 7.0844 11.681 7.55303 11.2124Z"
|
|
31
|
+
fill="white"
|
|
32
|
+
/>
|
|
33
|
+
</svg>
|
|
34
|
+
);
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const AnnouncementsIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M2 10.1814V14.1814C2 16.1814 3 17.1814 5 17.1814H6.43C6.8 17.1814 7.17 17.2914 7.49 17.4814L10.41 19.3114C12.93 20.8914 15 19.7414 15 16.7714V7.59143C15 4.61143 12.93 3.47143 10.41 5.05143L7.49 6.88143C7.17 7.07143 6.8 7.18143 6.43 7.18143H5C3 7.18143 2 8.18143 2 10.1814Z"
|
|
12
|
+
stroke="white"
|
|
13
|
+
stroke-width="1.5"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="M18 8.17969C19.78 10.5497 19.78 13.8097 18 16.1797"
|
|
17
|
+
stroke="white"
|
|
18
|
+
stroke-width="1.5"
|
|
19
|
+
stroke-linecap="round"
|
|
20
|
+
stroke-linejoin="round"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
d="M19.8281 5.67969C22.7181 9.52969 22.7181 14.8297 19.8281 18.6797"
|
|
24
|
+
stroke="white"
|
|
25
|
+
stroke-width="1.5"
|
|
26
|
+
stroke-linecap="round"
|
|
27
|
+
stroke-linejoin="round"
|
|
28
|
+
/>
|
|
29
|
+
</svg>
|
|
30
|
+
);
|
|
31
|
+
|
|
32
|
+
export const AnnouncementsIconActive = ({ width, height, fill }) => (
|
|
33
|
+
<svg
|
|
34
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
35
|
+
width="24"
|
|
36
|
+
height="25"
|
|
37
|
+
viewBox="0 0 24 25"
|
|
38
|
+
fill="none"
|
|
39
|
+
>
|
|
40
|
+
<path
|
|
41
|
+
d="M19.3284 16.93C19.1684 16.93 19.0184 16.88 18.8784 16.78C18.5484 16.53 18.4784 16.06 18.7284 15.73C20.2984 13.64 20.2984 10.72 18.7284 8.62996C18.4784 8.29996 18.5484 7.82996 18.8784 7.57996C19.2084 7.32996 19.6784 7.39996 19.9284 7.72996C21.8984 10.35 21.8984 14.01 19.9284 16.63C19.7884 16.83 19.5584 16.93 19.3284 16.93Z"
|
|
42
|
+
fill="white"
|
|
43
|
+
/>
|
|
44
|
+
<path
|
|
45
|
+
d="M15.3481 3.96136C14.2281 3.34136 12.7981 3.50136 11.3381 4.41136L8.41813 6.24136C8.21813 6.36136 7.98813 6.43136 7.75813 6.43136H6.82812H6.32812C3.90812 6.43136 2.57812 7.76136 2.57812 10.1814V14.1814C2.57812 16.6014 3.90812 17.9314 6.32812 17.9314H6.82812H7.75813C7.98813 17.9314 8.21813 18.0014 8.41813 18.1214L11.3381 19.9514C12.2181 20.5014 13.0781 20.7714 13.8781 20.7714C14.3981 20.7714 14.8981 20.6514 15.3481 20.4014C16.4581 19.7814 17.0781 18.4914 17.0781 16.7714V7.59136C17.0781 5.87136 16.4581 4.58136 15.3481 3.96136Z"
|
|
46
|
+
fill="white"
|
|
47
|
+
/>
|
|
48
|
+
</svg>
|
|
49
|
+
);
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const ApiIcon = ({ width, height, fill, onClick }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
fill-rule="evenodd"
|
|
12
|
+
clip-rule="evenodd"
|
|
13
|
+
d="M14.7826 4.52284C15.4113 4.73242 15.7511 5.412 15.5415 6.04073L10.7415 20.4407C10.532 21.0694 9.85238 21.4092 9.22365 21.1996C8.59492 20.9901 8.25513 20.3105 8.4647 19.6817L13.2647 5.28179C13.4743 4.65306 14.1539 4.31327 14.7826 4.52284ZM6.85165 8.41272C7.32028 8.88135 7.32028 9.64115 6.85165 10.1098L4.10018 12.8612L6.85165 15.6127C7.32028 16.0813 7.32028 16.8411 6.85165 17.3098C6.38302 17.7784 5.62323 17.7784 5.1546 17.3098L1.5546 13.7098C1.08597 13.2411 1.08597 12.4813 1.5546 12.0127L5.1546 8.41272C5.62323 7.9441 6.38302 7.9441 6.85165 8.41272ZM17.1546 8.41272C17.6232 7.9441 18.383 7.9441 18.8517 8.41272L22.4517 12.0127C22.9203 12.4813 22.9203 13.2411 22.4517 13.7098L18.8517 17.3098C18.383 17.7784 17.6232 17.7784 17.1546 17.3098C16.686 16.8411 16.686 16.0813 17.1546 15.6127L19.9061 12.8612L17.1546 10.1098C16.686 9.64115 16.686 8.88135 17.1546 8.41272Z"
|
|
14
|
+
fill="white"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export const ApiIconActive = ({ width, height, fill, onClick }) => (
|
|
20
|
+
<div
|
|
21
|
+
style={{
|
|
22
|
+
background: "#fff",
|
|
23
|
+
borderRadius: 8,
|
|
24
|
+
width: 25,
|
|
25
|
+
height: 24,
|
|
26
|
+
display: "flex",
|
|
27
|
+
alignItems: "center",
|
|
28
|
+
justifyContent: "center",
|
|
29
|
+
}}
|
|
30
|
+
>
|
|
31
|
+
<svg
|
|
32
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
33
|
+
width="24"
|
|
34
|
+
height="25"
|
|
35
|
+
viewBox="0 0 24 25"
|
|
36
|
+
fill="none"
|
|
37
|
+
>
|
|
38
|
+
<path
|
|
39
|
+
fill-rule="evenodd"
|
|
40
|
+
clip-rule="evenodd"
|
|
41
|
+
d="M14.7826 3.84316C15.4113 4.05273 15.7511 4.73231 15.5415 5.36104L10.7415 19.761C10.532 20.3897 9.85238 20.7295 9.22365 20.5199C8.59492 20.3104 8.25513 19.6308 8.4647 19.0021L13.2647 4.6021C13.4743 3.97337 14.1539 3.63358 14.7826 3.84316ZM6.85165 7.73304C7.32028 8.20166 7.32028 8.96146 6.85165 9.43009L4.10018 12.1816L6.85165 14.933C7.32028 15.4016 7.32028 16.1614 6.85165 16.6301C6.38302 17.0987 5.62323 17.0987 5.1546 16.6301L1.5546 13.0301C1.08597 12.5614 1.08597 11.8017 1.5546 11.333L5.1546 7.73304C5.62323 7.26441 6.38302 7.26441 6.85165 7.73304ZM17.1546 7.73304C17.6232 7.26441 18.383 7.26441 18.8517 7.73304L22.4517 11.333C22.9203 11.8017 22.9203 12.5614 22.4517 13.0301L18.8517 16.6301C18.383 17.0987 17.6232 17.0987 17.1546 16.6301C16.686 16.1614 16.686 15.4016 17.1546 14.933L19.9061 12.1816L17.1546 9.43009C16.686 8.96146 16.686 8.20166 17.1546 7.73304Z"
|
|
42
|
+
fill="#009999"
|
|
43
|
+
/>
|
|
44
|
+
</svg>
|
|
45
|
+
</div>
|
|
46
|
+
);
|
package/src/assets/svg/award.jsx
CHANGED
|
@@ -31,3 +31,22 @@ export const AwardIcon = ({ width, height, fill, onClick }) => (
|
|
|
31
31
|
/>
|
|
32
32
|
</svg>
|
|
33
33
|
);
|
|
34
|
+
|
|
35
|
+
export const AwardIconActive = ({ width, height, fill }) => (
|
|
36
|
+
<svg
|
|
37
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
38
|
+
width="24"
|
|
39
|
+
height="25"
|
|
40
|
+
viewBox="0 0 24 25"
|
|
41
|
+
fill="none"
|
|
42
|
+
>
|
|
43
|
+
<path
|
|
44
|
+
d="M17.8075 5.66969V6.40969L14.2675 4.35969C12.9275 3.58969 11.0575 3.58969 9.7275 4.35969L6.1875 6.41969V5.66969C6.1875 3.41969 7.4175 2.17969 9.6675 2.17969H14.3275C16.5775 2.17969 17.8075 3.41969 17.8075 5.66969Z"
|
|
45
|
+
fill="white"
|
|
46
|
+
/>
|
|
47
|
+
<path
|
|
48
|
+
d="M17.84 8.14797L17.7 8.07797L16.34 7.29797L13.52 5.66797C12.66 5.16797 11.34 5.16797 10.48 5.66797L7.66 7.28797L6.3 8.08797L6.12 8.17797C4.37 9.35797 4.25 9.57797 4.25 11.468V15.988C4.25 17.878 4.37 18.098 6.16 19.308L10.48 21.798C10.91 22.058 11.45 22.168 12 22.168C12.54 22.168 13.09 22.048 13.52 21.798L17.88 19.278C19.64 18.098 19.75 17.888 19.75 15.988V11.468C19.75 9.57797 19.63 9.35797 17.84 8.14797ZM14.79 13.678L14.18 14.428C14.08 14.538 14.01 14.748 14.02 14.898L14.08 15.858C14.12 16.448 13.7 16.748 13.15 16.538L12.26 16.178C12.12 16.128 11.89 16.128 11.75 16.178L10.86 16.528C10.31 16.748 9.89 16.438 9.93 15.848L9.99 14.888C10 14.738 9.93 14.528 9.83 14.418L9.21 13.678C8.83 13.228 9 12.728 9.57 12.578L10.5 12.338C10.65 12.298 10.82 12.158 10.9 12.038L11.42 11.238C11.74 10.738 12.25 10.738 12.58 11.238L13.1 12.038C13.18 12.168 13.36 12.298 13.5 12.338L14.43 12.578C15 12.728 15.17 13.228 14.79 13.678Z"
|
|
49
|
+
fill="white"
|
|
50
|
+
/>
|
|
51
|
+
</svg>
|
|
52
|
+
);
|
package/src/assets/svg/book.jsx
CHANGED
|
@@ -5,7 +5,8 @@ export const BookIcon = ({ width, height, fill }) => (
|
|
|
5
5
|
height={height || "24"}
|
|
6
6
|
viewBox="0 0 23 24"
|
|
7
7
|
fill="none"
|
|
8
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
>
|
|
9
10
|
<path
|
|
10
11
|
d="M21.0807 16.1404V4.57336C21.0807 3.42336 20.1416 2.57044 19.0011 2.66627H18.9436C16.9311 2.83877 13.8741 3.86419 12.1682 4.93752L12.0053 5.04294C11.7274 5.21544 11.2674 5.21544 10.9895 5.04294L10.7499 4.89919C9.04406 3.83544 5.99656 2.81961 3.98406 2.65669C2.84365 2.56086 1.91406 3.42336 1.91406 4.56377V16.1404C1.91406 17.0604 2.66156 17.9229 3.58156 18.0379L3.85948 18.0763C5.93906 18.3542 9.14948 19.4084 10.9895 20.4146L11.0278 20.4338C11.2866 20.5775 11.6986 20.5775 11.9478 20.4338C13.7878 19.4179 17.0078 18.3542 19.097 18.0763L19.4132 18.0379C20.3332 17.9229 21.0807 17.0604 21.0807 16.1404Z"
|
|
11
12
|
stroke="#00C2C2"
|
|
@@ -32,3 +33,61 @@ export const BookIcon = ({ width, height, fill }) => (
|
|
|
32
33
|
/>
|
|
33
34
|
</svg>
|
|
34
35
|
);
|
|
36
|
+
|
|
37
|
+
export const CoursesIcon = ({ width, height, fill }) => (
|
|
38
|
+
<svg
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
width="24"
|
|
41
|
+
height="25"
|
|
42
|
+
viewBox="0 0 24 25"
|
|
43
|
+
fill="none"
|
|
44
|
+
>
|
|
45
|
+
<path
|
|
46
|
+
d="M22 16.9213V4.85134C22 3.65134 21.02 2.76134 19.83 2.86134H19.77C17.67 3.04134 14.48 4.11134 12.7 5.23134L12.53 5.34134C12.24 5.52134 11.76 5.52134 11.47 5.34134L11.22 5.19134C9.44 4.08134 6.26 3.02134 4.16 2.85134C2.97 2.75134 2 3.65134 2 4.84134V16.9213C2 17.8813 2.78 18.7813 3.74 18.9013L4.03 18.9413C6.2 19.2313 9.55 20.3313 11.47 21.3813L11.51 21.4013C11.78 21.5513 12.21 21.5513 12.47 21.4013C14.39 20.3413 17.75 19.2313 19.93 18.9413L20.26 18.9013C21.22 18.7813 22 17.8813 22 16.9213Z"
|
|
47
|
+
stroke="white"
|
|
48
|
+
stroke-width="1.5"
|
|
49
|
+
stroke-linecap="round"
|
|
50
|
+
stroke-linejoin="round"
|
|
51
|
+
/>
|
|
52
|
+
<path
|
|
53
|
+
d="M12 5.66797V20.668"
|
|
54
|
+
stroke="white"
|
|
55
|
+
stroke-width="1.5"
|
|
56
|
+
stroke-linecap="round"
|
|
57
|
+
stroke-linejoin="round"
|
|
58
|
+
/>
|
|
59
|
+
<path
|
|
60
|
+
d="M7.75 8.66797H5.5"
|
|
61
|
+
stroke="white"
|
|
62
|
+
stroke-width="1.5"
|
|
63
|
+
stroke-linecap="round"
|
|
64
|
+
stroke-linejoin="round"
|
|
65
|
+
/>
|
|
66
|
+
<path
|
|
67
|
+
d="M8.5 11.668H5.5"
|
|
68
|
+
stroke="white"
|
|
69
|
+
stroke-width="1.5"
|
|
70
|
+
stroke-linecap="round"
|
|
71
|
+
stroke-linejoin="round"
|
|
72
|
+
/>
|
|
73
|
+
</svg>
|
|
74
|
+
);
|
|
75
|
+
|
|
76
|
+
export const CoursesIconActive = ({ width, height, fill }) => (
|
|
77
|
+
<svg
|
|
78
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
79
|
+
width="24"
|
|
80
|
+
height="25"
|
|
81
|
+
viewBox="0 0 24 25"
|
|
82
|
+
fill="none"
|
|
83
|
+
>
|
|
84
|
+
<path
|
|
85
|
+
d="M22 4.91023V16.8002C22 17.7702 21.21 18.6602 20.24 18.7802L19.93 18.8202C18.29 19.0402 15.98 19.7202 14.12 20.5002C13.47 20.7702 12.75 20.2802 12.75 19.5702V5.66023C12.75 5.29023 12.96 4.95023 13.29 4.77023C15.12 3.78023 17.89 2.90023 19.77 2.74023H19.83C21.03 2.74023 22 3.71023 22 4.91023Z"
|
|
86
|
+
fill="white"
|
|
87
|
+
/>
|
|
88
|
+
<path
|
|
89
|
+
d="M10.7083 4.77023C8.87828 3.78023 6.10828 2.90023 4.22828 2.74023H4.15828C2.95828 2.74023 1.98828 3.71023 1.98828 4.91023V16.8002C1.98828 17.7702 2.77828 18.6602 3.74828 18.7802L4.05828 18.8202C5.69828 19.0402 8.00828 19.7202 9.86828 20.5002C10.5183 20.7702 11.2383 20.2802 11.2383 19.5702V5.66023C11.2383 5.28023 11.0383 4.95023 10.7083 4.77023ZM4.99828 7.80023H7.24828C7.65828 7.80023 7.99828 8.14023 7.99828 8.55023C7.99828 8.97023 7.65828 9.30023 7.24828 9.30023H4.99828C4.58828 9.30023 4.24828 8.97023 4.24828 8.55023C4.24828 8.14023 4.58828 7.80023 4.99828 7.80023ZM7.99828 12.3002H4.99828C4.58828 12.3002 4.24828 11.9702 4.24828 11.5502C4.24828 11.1402 4.58828 10.8002 4.99828 10.8002H7.99828C8.40828 10.8002 8.74828 11.1402 8.74828 11.5502C8.74828 11.9702 8.40828 12.3002 7.99828 12.3002Z"
|
|
90
|
+
fill="white"
|
|
91
|
+
/>
|
|
92
|
+
</svg>
|
|
93
|
+
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export const DashboardIcon = ({ width, height,
|
|
2
|
+
export const DashboardIcon = ({ width, height, fill }) => (
|
|
3
3
|
<svg
|
|
4
4
|
width={width || "24"}
|
|
5
5
|
height={height || "25"}
|
|
@@ -14,6 +14,7 @@ export const DashboardIcon = ({ width, height, stroke }) => (
|
|
|
14
14
|
stroke-miterlimit="10"
|
|
15
15
|
stroke-linecap="round"
|
|
16
16
|
stroke-linejoin="round"
|
|
17
|
+
fill={fill}
|
|
17
18
|
/>
|
|
18
19
|
<path
|
|
19
20
|
d="M17 10.1797H19C21 10.1797 22 9.17969 22 7.17969V5.17969C22 3.17969 21 2.17969 19 2.17969H17C15 2.17969 14 3.17969 14 5.17969V7.17969C14 9.17969 15 10.1797 17 10.1797Z"
|
|
@@ -22,6 +23,7 @@ export const DashboardIcon = ({ width, height, stroke }) => (
|
|
|
22
23
|
stroke-miterlimit="10"
|
|
23
24
|
stroke-linecap="round"
|
|
24
25
|
stroke-linejoin="round"
|
|
26
|
+
fill={fill}
|
|
25
27
|
/>
|
|
26
28
|
<path
|
|
27
29
|
d="M17 22.1797H19C21 22.1797 22 21.1797 22 19.1797V17.1797C22 15.1797 21 14.1797 19 14.1797H17C15 14.1797 14 15.1797 14 17.1797V19.1797C14 21.1797 15 22.1797 17 22.1797Z"
|
|
@@ -30,6 +32,7 @@ export const DashboardIcon = ({ width, height, stroke }) => (
|
|
|
30
32
|
stroke-miterlimit="10"
|
|
31
33
|
stroke-linecap="round"
|
|
32
34
|
stroke-linejoin="round"
|
|
35
|
+
fill={fill}
|
|
33
36
|
/>
|
|
34
37
|
<path
|
|
35
38
|
d="M5 22.1797H7C9 22.1797 10 21.1797 10 19.1797V17.1797C10 15.1797 9 14.1797 7 14.1797H5C3 14.1797 2 15.1797 2 17.1797V19.1797C2 21.1797 3 22.1797 5 22.1797Z"
|
|
@@ -38,6 +41,54 @@ export const DashboardIcon = ({ width, height, stroke }) => (
|
|
|
38
41
|
stroke-miterlimit="10"
|
|
39
42
|
stroke-linecap="round"
|
|
40
43
|
stroke-linejoin="round"
|
|
44
|
+
fill={fill}
|
|
45
|
+
/>
|
|
46
|
+
</svg>
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
export const DashboardIconActive = ({ width, height }) => (
|
|
50
|
+
<svg
|
|
51
|
+
width={width || "24"}
|
|
52
|
+
height={height || "25"}
|
|
53
|
+
viewBox="0 0 24 25"
|
|
54
|
+
fill="none"
|
|
55
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
56
|
+
>
|
|
57
|
+
<path
|
|
58
|
+
d="M5 10.1797H7C9 10.1797 10 9.17969 10 7.17969V5.17969C10 3.17969 9 2.17969 7 2.17969H5C3 2.17969 2 3.17969 2 5.17969V7.17969C2 9.17969 3 10.1797 5 10.1797Z"
|
|
59
|
+
stroke="white"
|
|
60
|
+
stroke-width="1.5"
|
|
61
|
+
stroke-miterlimit="10"
|
|
62
|
+
stroke-linecap="round"
|
|
63
|
+
stroke-linejoin="round"
|
|
64
|
+
fill={"#ffffff"}
|
|
65
|
+
/>
|
|
66
|
+
<path
|
|
67
|
+
d="M17 10.1797H19C21 10.1797 22 9.17969 22 7.17969V5.17969C22 3.17969 21 2.17969 19 2.17969H17C15 2.17969 14 3.17969 14 5.17969V7.17969C14 9.17969 15 10.1797 17 10.1797Z"
|
|
68
|
+
stroke="white"
|
|
69
|
+
stroke-width="1.5"
|
|
70
|
+
stroke-miterlimit="10"
|
|
71
|
+
stroke-linecap="round"
|
|
72
|
+
stroke-linejoin="round"
|
|
73
|
+
fill={"#ffffff"}
|
|
74
|
+
/>
|
|
75
|
+
<path
|
|
76
|
+
d="M17 22.1797H19C21 22.1797 22 21.1797 22 19.1797V17.1797C22 15.1797 21 14.1797 19 14.1797H17C15 14.1797 14 15.1797 14 17.1797V19.1797C14 21.1797 15 22.1797 17 22.1797Z"
|
|
77
|
+
stroke="white"
|
|
78
|
+
stroke-width="1.5"
|
|
79
|
+
stroke-miterlimit="10"
|
|
80
|
+
stroke-linecap="round"
|
|
81
|
+
stroke-linejoin="round"
|
|
82
|
+
fill={"#ffffff"}
|
|
83
|
+
/>
|
|
84
|
+
<path
|
|
85
|
+
d="M5 22.1797H7C9 22.1797 10 21.1797 10 19.1797V17.1797C10 15.1797 9 14.1797 7 14.1797H5C3 14.1797 2 15.1797 2 17.1797V19.1797C2 21.1797 3 22.1797 5 22.1797Z"
|
|
86
|
+
stroke="white"
|
|
87
|
+
stroke-width="1.5"
|
|
88
|
+
stroke-miterlimit="10"
|
|
89
|
+
stroke-linecap="round"
|
|
90
|
+
stroke-linejoin="round"
|
|
91
|
+
fill={"#ffffff"}
|
|
41
92
|
/>
|
|
42
93
|
</svg>
|
|
43
94
|
);
|
|
@@ -17,3 +17,20 @@ export const DocumentIcon = ({ width, height, fill, onClick }) => (
|
|
|
17
17
|
/>
|
|
18
18
|
</svg>
|
|
19
19
|
);
|
|
20
|
+
|
|
21
|
+
export const DocumentIconActive = ({ width, height, fill, onClick }) => (
|
|
22
|
+
<svg
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
width="24"
|
|
25
|
+
height="25"
|
|
26
|
+
viewBox="0 0 24 25"
|
|
27
|
+
fill="none"
|
|
28
|
+
>
|
|
29
|
+
<path
|
|
30
|
+
fill-rule="evenodd"
|
|
31
|
+
clip-rule="evenodd"
|
|
32
|
+
d="M4.79688 5.65781C4.79688 4.33233 5.87139 3.25781 7.19688 3.25781H12.6998C13.3363 3.25781 13.9468 3.51067 14.3969 3.96076L18.4939 8.05781C18.944 8.5079 19.1969 9.11835 19.1969 9.75487V20.0578C19.1969 21.3833 18.1224 22.4578 16.7969 22.4578H7.19687C5.87139 22.4578 4.79688 21.3833 4.79688 20.0578V5.65781ZM7.19688 12.8578C7.19688 12.1951 7.73413 11.6578 8.39688 11.6578H15.5969C16.2596 11.6578 16.7969 12.1951 16.7969 12.8578C16.7969 13.5206 16.2596 14.0578 15.5969 14.0578H8.39688C7.73413 14.0578 7.19688 13.5206 7.19688 12.8578ZM8.39688 16.4578C7.73413 16.4578 7.19688 16.9951 7.19688 17.6578C7.19688 18.3206 7.73413 18.8578 8.39688 18.8578H15.5969C16.2596 18.8578 16.7969 18.3206 16.7969 17.6578C16.7969 16.9951 16.2596 16.4578 15.5969 16.4578H8.39688Z"
|
|
33
|
+
fill="white"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const FileManagerIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M9 13.1797H15M3 17.1797V7.17969C3 6.07512 3.89543 5.17969 5 5.17969H11L13 7.17969H19C20.1046 7.17969 21 8.07512 21 9.17969V17.1797C21 18.2843 20.1046 19.1797 19 19.1797H5C3.89543 19.1797 3 18.2843 3 17.1797Z"
|
|
12
|
+
stroke="white"
|
|
13
|
+
stroke-width="2"
|
|
14
|
+
stroke-linecap="round"
|
|
15
|
+
stroke-linejoin="round"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export const FileManagerIconActive = ({ width, height, fill }) => (
|
|
21
|
+
<svg
|
|
22
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
+
width="20"
|
|
24
|
+
height="21"
|
|
25
|
+
viewBox="0 0 20 21"
|
|
26
|
+
fill="none"
|
|
27
|
+
>
|
|
28
|
+
<path
|
|
29
|
+
fill-rule="evenodd"
|
|
30
|
+
clip-rule="evenodd"
|
|
31
|
+
d="M4 4.17969C2.89543 4.17969 2 5.07512 2 6.17969V14.1797C2 15.2843 2.89543 16.1797 4 16.1797H16C17.1046 16.1797 18 15.2843 18 14.1797V8.17969C18 7.07512 17.1046 6.17969 16 6.17969H11L9 4.17969H4ZM8 10.1797C7.44772 10.1797 7 10.6274 7 11.1797C7 11.732 7.44772 12.1797 8 12.1797H12C12.5523 12.1797 13 11.732 13 11.1797C13 10.6274 12.5523 10.1797 12 10.1797H8Z"
|
|
32
|
+
fill="white"
|
|
33
|
+
/>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const LibraryIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M3.5 18.0601V7.06006C3.5 3.06006 4.5 2.06006 8.5 2.06006H15.5C19.5 2.06006 20.5 3.06006 20.5 7.06006V17.0601C20.5 17.2001 20.5 17.3401 20.49 17.4801"
|
|
12
|
+
stroke="white"
|
|
13
|
+
stroke-width="1.5"
|
|
14
|
+
stroke-linecap="round"
|
|
15
|
+
stroke-linejoin="round"
|
|
16
|
+
/>
|
|
17
|
+
<path
|
|
18
|
+
d="M6.35 15.0601H20.5V18.5601C20.5 20.4901 18.93 22.0601 17 22.0601H7C5.07 22.0601 3.5 20.4901 3.5 18.5601V17.9101C3.5 16.3401 4.78 15.0601 6.35 15.0601Z"
|
|
19
|
+
stroke="white"
|
|
20
|
+
stroke-width="1.5"
|
|
21
|
+
stroke-linecap="round"
|
|
22
|
+
stroke-linejoin="round"
|
|
23
|
+
/>
|
|
24
|
+
<path
|
|
25
|
+
d="M8 7.06006H16"
|
|
26
|
+
stroke="white"
|
|
27
|
+
stroke-width="1.5"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
/>
|
|
31
|
+
<path
|
|
32
|
+
d="M8 10.5601H13"
|
|
33
|
+
stroke="white"
|
|
34
|
+
stroke-width="1.5"
|
|
35
|
+
stroke-linecap="round"
|
|
36
|
+
stroke-linejoin="round"
|
|
37
|
+
/>
|
|
38
|
+
</svg>
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
export const LibraryIconActive = ({ width, height, fill }) => (
|
|
42
|
+
<svg
|
|
43
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
44
|
+
width="24"
|
|
45
|
+
height="25"
|
|
46
|
+
viewBox="0 0 24 25"
|
|
47
|
+
fill="none"
|
|
48
|
+
>
|
|
49
|
+
<path
|
|
50
|
+
d="M20 16.0603V18.5603C20 20.2142 18.6539 21.5603 17 21.5603H7C5.34614 21.5603 4 20.2142 4 18.5603V17.9103C4 16.6164 5.05614 15.5603 6.35 15.5603H19.5C19.7739 15.5603 20 15.7864 20 16.0603Z"
|
|
51
|
+
fill="white"
|
|
52
|
+
stroke="white"
|
|
53
|
+
/>
|
|
54
|
+
<path
|
|
55
|
+
d="M8.5 2.5603H15.5C17.5036 2.5603 18.5555 2.82286 19.1464 3.41386C19.7374 4.00485 20 5.05673 20 7.0603V12.5603C20 12.8342 19.7739 13.0603 19.5 13.0603H6.35C5.4979 13.0603 4.69536 13.2848 4 13.6756V7.0603C4 5.05673 4.26256 4.00485 4.85355 3.41386C5.44455 2.82286 6.49643 2.5603 8.5 2.5603ZM8 11.3103H13C13.6861 11.3103 14.25 10.7464 14.25 10.0603C14.25 9.37416 13.6861 8.8103 13 8.8103H8C7.31386 8.8103 6.75 9.37416 6.75 10.0603C6.75 10.7464 7.31386 11.3103 8 11.3103ZM8 7.8103H16C16.6861 7.8103 17.25 7.24645 17.25 6.5603C17.25 5.87416 16.6861 5.3103 16 5.3103H8C7.31386 5.3103 6.75 5.87416 6.75 6.5603C6.75 7.24645 7.31386 7.8103 8 7.8103Z"
|
|
56
|
+
fill="white"
|
|
57
|
+
stroke="white"
|
|
58
|
+
/>
|
|
59
|
+
</svg>
|
|
60
|
+
);
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const MessagesIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M17 20.6797H7C4 20.6797 2 19.1797 2 15.6797V8.67969C2 5.17969 4 3.67969 7 3.67969H17C20 3.67969 22 5.17969 22 8.67969V15.6797C22 19.1797 20 20.6797 17 20.6797Z"
|
|
12
|
+
stroke="white"
|
|
13
|
+
stroke-width="1.5"
|
|
14
|
+
stroke-miterlimit="10"
|
|
15
|
+
stroke-linecap="round"
|
|
16
|
+
stroke-linejoin="round"
|
|
17
|
+
/>
|
|
18
|
+
<path
|
|
19
|
+
d="M17 9.17969L13.87 11.6797C12.84 12.4997 11.15 12.4997 10.12 11.6797L7 9.17969"
|
|
20
|
+
stroke="white"
|
|
21
|
+
stroke-width="1.5"
|
|
22
|
+
stroke-miterlimit="10"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
/>
|
|
26
|
+
</svg>
|
|
27
|
+
);
|
|
28
|
+
|
|
29
|
+
export const MessagesIconActive = ({ width, height, fill }) => (
|
|
30
|
+
<svg
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
width="24"
|
|
33
|
+
height="25"
|
|
34
|
+
viewBox="0 0 24 25"
|
|
35
|
+
fill="none"
|
|
36
|
+
>
|
|
37
|
+
<path
|
|
38
|
+
d="M17 3.5625H7C4 3.5625 2 5.0625 2 8.5625V15.5625C2 19.0625 4 20.5625 7 20.5625H17C20 20.5625 22 19.0625 22 15.5625V8.5625C22 5.0625 20 3.5625 17 3.5625ZM17.47 9.6525L14.34 12.1525C13.68 12.6825 12.84 12.9425 12 12.9425C11.16 12.9425 10.31 12.6825 9.66 12.1525L6.53 9.6525C6.21 9.3925 6.16 8.9125 6.41 8.5925C6.67 8.2725 7.14 8.2125 7.46 8.4725L10.59 10.9725C11.35 11.5825 12.64 11.5825 13.4 10.9725L16.53 8.4725C16.85 8.2125 17.33 8.2625 17.58 8.5925C17.84 8.9125 17.79 9.3925 17.47 9.6525Z"
|
|
39
|
+
fill="white"
|
|
40
|
+
/>
|
|
41
|
+
</svg>
|
|
42
|
+
);
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const ManageStudentsIcon = ({ width, height, fill }) => (
|
|
3
|
+
<svg
|
|
4
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+
width="24"
|
|
6
|
+
height="25"
|
|
7
|
+
viewBox="0 0 24 25"
|
|
8
|
+
fill="none"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
d="M18.0001 7.33969C17.9401 7.32969 17.8701 7.32969 17.8101 7.33969C16.4301 7.28969 15.3301 6.15969 15.3301 4.75969C15.3301 3.32969 16.4801 2.17969 17.9101 2.17969C19.3401 2.17969 20.4901 3.33969 20.4901 4.75969C20.4801 6.15969 19.3801 7.28969 18.0001 7.33969Z"
|
|
12
|
+
stroke="white"
|
|
13
|
+
stroke-width="1.5"
|
|
14
|
+
stroke-linecap="round"
|
|
15
|
+
stroke-linejoin="round"
|
|
16
|
+
/>
|
|
17
|
+
<path
|
|
18
|
+
d="M16.9704 14.6198C18.3404 14.8498 19.8504 14.6098 20.9104 13.8998C22.3204 12.9598 22.3204 11.4198 20.9104 10.4798C19.8404 9.76985 18.3104 9.52984 16.9404 9.76984"
|
|
19
|
+
stroke="white"
|
|
20
|
+
stroke-width="1.5"
|
|
21
|
+
stroke-linecap="round"
|
|
22
|
+
stroke-linejoin="round"
|
|
23
|
+
/>
|
|
24
|
+
<path
|
|
25
|
+
d="M5.97047 7.33969C6.03047 7.32969 6.10047 7.32969 6.16047 7.33969C7.54047 7.28969 8.64047 6.15969 8.64047 4.75969C8.64047 3.32969 7.49047 2.17969 6.06047 2.17969C4.63047 2.17969 3.48047 3.33969 3.48047 4.75969C3.49047 6.15969 4.59047 7.28969 5.97047 7.33969Z"
|
|
26
|
+
stroke="white"
|
|
27
|
+
stroke-width="1.5"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
/>
|
|
31
|
+
<path
|
|
32
|
+
d="M7.00043 14.6198C5.63043 14.8498 4.12043 14.6098 3.06043 13.8998C1.65043 12.9598 1.65043 11.4198 3.06043 10.4798C4.13043 9.76985 5.66043 9.52984 7.03043 9.76984"
|
|
33
|
+
stroke="white"
|
|
34
|
+
stroke-width="1.5"
|
|
35
|
+
stroke-linecap="round"
|
|
36
|
+
stroke-linejoin="round"
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
d="M12.0001 14.8084C11.9401 14.7984 11.8701 14.7984 11.8101 14.8084C10.4301 14.7584 9.33008 13.6284 9.33008 12.2284C9.33008 10.7984 10.4801 9.64844 11.9101 9.64844C13.3401 9.64844 14.4901 10.8084 14.4901 12.2284C14.4801 13.6284 13.3801 14.7684 12.0001 14.8084Z"
|
|
40
|
+
stroke="white"
|
|
41
|
+
stroke-width="1.5"
|
|
42
|
+
stroke-linecap="round"
|
|
43
|
+
stroke-linejoin="round"
|
|
44
|
+
/>
|
|
45
|
+
<path
|
|
46
|
+
d="M9.08973 17.9591C7.67973 18.8991 7.67973 20.4391 9.08973 21.3791C10.6897 22.4491 13.3097 22.4491 14.9097 21.3791C16.3197 20.4391 16.3197 18.8991 14.9097 17.9591C13.3197 16.8991 10.6897 16.8991 9.08973 17.9591Z"
|
|
47
|
+
stroke="white"
|
|
48
|
+
stroke-width="1.5"
|
|
49
|
+
stroke-linecap="round"
|
|
50
|
+
stroke-linejoin="round"
|
|
51
|
+
/>
|
|
52
|
+
</svg>
|
|
53
|
+
);
|
|
54
|
+
|
|
55
|
+
export const ManageStudentsIconActive = ({ width, height, fill }) => (
|
|
56
|
+
<svg
|
|
57
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
58
|
+
width="24"
|
|
59
|
+
height="25"
|
|
60
|
+
viewBox="0 0 24 25"
|
|
61
|
+
fill="none"
|
|
62
|
+
>
|
|
63
|
+
<path
|
|
64
|
+
d="M18.0001 7.33969C17.9401 7.32969 17.8701 7.32969 17.8101 7.33969C16.4301 7.28969 15.3301 6.15969 15.3301 4.75969C15.3301 3.32969 16.4801 2.17969 17.9101 2.17969C19.3401 2.17969 20.4901 3.33969 20.4901 4.75969C20.4801 6.15969 19.3801 7.28969 18.0001 7.33969Z"
|
|
65
|
+
fill="white"
|
|
66
|
+
stroke="white"
|
|
67
|
+
stroke-width="1.5"
|
|
68
|
+
stroke-linecap="round"
|
|
69
|
+
stroke-linejoin="round"
|
|
70
|
+
/>
|
|
71
|
+
<path
|
|
72
|
+
d="M16.9704 14.6198C18.3404 14.8498 19.8504 14.6098 20.9104 13.8998C22.3204 12.9598 22.3204 11.4198 20.9104 10.4798C19.8404 9.76985 18.3104 9.52984 16.9404 9.76984"
|
|
73
|
+
fill="white"
|
|
74
|
+
/>
|
|
75
|
+
<path
|
|
76
|
+
d="M16.9704 14.6198C18.3404 14.8498 19.8504 14.6098 20.9104 13.8998C22.3204 12.9598 22.3204 11.4198 20.9104 10.4798C19.8404 9.76985 18.3104 9.52984 16.9404 9.76984"
|
|
77
|
+
stroke="white"
|
|
78
|
+
stroke-width="1.5"
|
|
79
|
+
stroke-linecap="round"
|
|
80
|
+
stroke-linejoin="round"
|
|
81
|
+
/>
|
|
82
|
+
<path
|
|
83
|
+
d="M5.97047 7.33969C6.03047 7.32969 6.10047 7.32969 6.16047 7.33969C7.54047 7.28969 8.64047 6.15969 8.64047 4.75969C8.64047 3.32969 7.49047 2.17969 6.06047 2.17969C4.63047 2.17969 3.48047 3.33969 3.48047 4.75969C3.49047 6.15969 4.59047 7.28969 5.97047 7.33969Z"
|
|
84
|
+
fill="white"
|
|
85
|
+
stroke="white"
|
|
86
|
+
stroke-width="1.5"
|
|
87
|
+
stroke-linecap="round"
|
|
88
|
+
stroke-linejoin="round"
|
|
89
|
+
/>
|
|
90
|
+
<path
|
|
91
|
+
d="M7.00043 14.6198C5.63043 14.8498 4.12043 14.6098 3.06043 13.8998C1.65043 12.9598 1.65043 11.4198 3.06043 10.4798C4.13043 9.76985 5.66043 9.52984 7.03043 9.76984"
|
|
92
|
+
fill="white"
|
|
93
|
+
/>
|
|
94
|
+
<path
|
|
95
|
+
d="M7.00043 14.6198C5.63043 14.8498 4.12043 14.6098 3.06043 13.8998C1.65043 12.9598 1.65043 11.4198 3.06043 10.4798C4.13043 9.76985 5.66043 9.52984 7.03043 9.76984"
|
|
96
|
+
stroke="white"
|
|
97
|
+
stroke-width="1.5"
|
|
98
|
+
stroke-linecap="round"
|
|
99
|
+
stroke-linejoin="round"
|
|
100
|
+
/>
|
|
101
|
+
<path
|
|
102
|
+
d="M12.0001 14.8084C11.9401 14.7984 11.8701 14.7984 11.8101 14.8084C10.4301 14.7584 9.33008 13.6284 9.33008 12.2284C9.33008 10.7984 10.4801 9.64844 11.9101 9.64844C13.3401 9.64844 14.4901 10.8084 14.4901 12.2284C14.4801 13.6284 13.3801 14.7684 12.0001 14.8084Z"
|
|
103
|
+
fill="white"
|
|
104
|
+
stroke="white"
|
|
105
|
+
stroke-width="1.5"
|
|
106
|
+
stroke-linecap="round"
|
|
107
|
+
stroke-linejoin="round"
|
|
108
|
+
/>
|
|
109
|
+
<path
|
|
110
|
+
d="M9.08973 17.9591C7.67973 18.8991 7.67973 20.4391 9.08973 21.3791C10.6897 22.4491 13.3097 22.4491 14.9097 21.3791C16.3197 20.4391 16.3197 18.8991 14.9097 17.9591C13.3197 16.8991 10.6897 16.8991 9.08973 17.9591Z"
|
|
111
|
+
fill="white"
|
|
112
|
+
stroke="white"
|
|
113
|
+
stroke-width="1.5"
|
|
114
|
+
stroke-linecap="round"
|
|
115
|
+
stroke-linejoin="round"
|
|
116
|
+
/>
|
|
117
|
+
</svg>
|
|
118
|
+
);
|
package/src/assets/svg/teams.jsx
CHANGED
|
@@ -16,3 +16,37 @@ export const TeamsIcon = ({ width, height, fill }) => (
|
|
|
16
16
|
/>
|
|
17
17
|
</svg>
|
|
18
18
|
);
|
|
19
|
+
|
|
20
|
+
export const TeamsIconActive = ({ width, height, fill }) => (
|
|
21
|
+
<svg
|
|
22
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
+
width="24"
|
|
24
|
+
height="25"
|
|
25
|
+
viewBox="0 0 24 25"
|
|
26
|
+
fill="none"
|
|
27
|
+
>
|
|
28
|
+
<path
|
|
29
|
+
d="M15 7.17969C15 8.83654 13.6569 10.1797 12 10.1797C10.3431 10.1797 9 8.83654 9 7.17969C9 5.52283 10.3431 4.17969 12 4.17969C13.6569 4.17969 15 5.52283 15 7.17969Z"
|
|
30
|
+
fill="white"
|
|
31
|
+
/>
|
|
32
|
+
<path
|
|
33
|
+
d="M21 10.1797C21 11.2843 20.1046 12.1797 19 12.1797C17.8954 12.1797 17 11.2843 17 10.1797C17 9.07512 17.8954 8.17969 19 8.17969C20.1046 8.17969 21 9.07512 21 10.1797Z"
|
|
34
|
+
fill="white"
|
|
35
|
+
/>
|
|
36
|
+
<path
|
|
37
|
+
d="M7 10.1797C7 11.2843 6.10457 12.1797 5 12.1797C3.89543 12.1797 3 11.2843 3 10.1797C3 9.07512 3.89543 8.17969 5 8.17969C6.10457 8.17969 7 9.07512 7 10.1797Z"
|
|
38
|
+
fill="white"
|
|
39
|
+
/>
|
|
40
|
+
<path
|
|
41
|
+
d="M12 13.1797C9.89482 13.1797 8.0935 14.4807 7.35625 16.3226C7.12642 16.8967 7 17.5234 7 18.1797V20.1797H17V18.1797C17 17.5234 16.8736 16.8967 16.6438 16.3226C15.9065 14.4807 14.1052 13.1797 12 13.1797Z"
|
|
42
|
+
fill="white"
|
|
43
|
+
/>
|
|
44
|
+
<path
|
|
45
|
+
d="M17 20.1797H22V18.1797C22 16.5228 20.6569 15.1797 19 15.1797C18.0444 15.1797 17.1931 15.6265 16.6438 16.3226M17 20.1797H7M17 20.1797V18.1797C17 17.5234 16.8736 16.8967 16.6438 16.3226M5 15.1797C3.34315 15.1797 2 16.5228 2 18.1797V20.1797H7M5 15.1797C5.95561 15.1797 6.80686 15.6265 7.35625 16.3226M5 15.1797L6.34807 16.3226V18.6797C6.39871 19.013 6.4 19.6797 6 19.6797C5.6 19.6797 3.83333 19.6797 3 19.6797V17.6797C2.83333 17.3464 2.6 16.6797 3 16.6797C3.4 16.6797 4.16667 16.013 4.5 15.6797L5 15.1797ZM7 20.1797V18.1797C7 17.5234 7.12642 16.8967 7.35625 16.3226M7.35625 16.3226C8.0935 14.4807 9.89482 13.1797 12 13.1797C14.1052 13.1797 15.9065 14.4807 16.6438 16.3226M15 7.17969C15 8.83654 13.6569 10.1797 12 10.1797C10.3431 10.1797 9 8.83654 9 7.17969C9 5.52283 10.3431 4.17969 12 4.17969C13.6569 4.17969 15 5.52283 15 7.17969ZM21 10.1797C21 11.2843 20.1046 12.1797 19 12.1797C17.8954 12.1797 17 11.2843 17 10.1797C17 9.07512 17.8954 8.17969 19 8.17969C20.1046 8.17969 21 9.07512 21 10.1797ZM7 10.1797C7 11.2843 6.10457 12.1797 5 12.1797C3.89543 12.1797 3 11.2843 3 10.1797C3 9.07512 3.89543 8.17969 5 8.17969C6.10457 8.17969 7 9.07512 7 10.1797ZM5.5 16.6797H4V18.6797H5L6 17.6797L5.5 16.6797ZM17.5 16.6797C18.6667 16.6797 21 16.9797 21 18.1797C21 19.3797 20.3333 19.3464 20 19.1797C19.5 19.013 18.4 18.5797 18 18.1797C17.6 17.7797 17.5 17.013 17.5 16.6797Z"
|
|
46
|
+
stroke="white"
|
|
47
|
+
stroke-width="2"
|
|
48
|
+
stroke-linecap="round"
|
|
49
|
+
stroke-linejoin="round"
|
|
50
|
+
/>
|
|
51
|
+
</svg>
|
|
52
|
+
);
|