l-min-components 1.0.257 → 1.0.260

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 (17) hide show
  1. package/package.json +1 -1
  2. package/src/assets/svg/commIcon.svg +5 -0
  3. package/src/assets/svg/dictionaryIcon.svg +7 -0
  4. package/src/assets/svg/fun.svg +10 -0
  5. package/src/assets/svg/learnIcon.svg +6 -0
  6. package/src/assets/svg/logout (1).svg +5 -0
  7. package/src/assets/svg/speechIcon (1).svg +3 -0
  8. package/src/assets/svg/speechIcon.svg +3 -0
  9. package/src/components/sideBar/sideMenu/styles/index.jsx +1 -1
  10. package/src/components/sideNav/index.jsx +2 -1
  11. package/src/components/sideNav/styles/index.jsx +4 -4
  12. package/src/components/sideNav/svg/commIcon.svg +5 -0
  13. package/src/components/sideNav/svg/dictionaryIcon.svg +7 -0
  14. package/src/components/sideNav/svg/fun.svg +10 -0
  15. package/src/components/sideNav/svg/learnIcon.svg +6 -0
  16. package/src/components/sideNav/svg/logout.jsx +13 -0
  17. package/src/components/sideNav/svg/speechIcon.svg +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "l-min-components",
3
- "version": "1.0.257",
3
+ "version": "1.0.260",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src/assets",
package/src/assets/svg/commIcon.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.58073 16.3327H7.16406C3.83073 16.3327 2.16406 15.4993 2.16406 11.3327V7.16602C2.16406 3.83268 3.83073 2.16602 7.16406 2.16602H13.8307C17.1641 2.16602 18.8307 3.83268 18.8307 7.16602V11.3327C18.8307 14.666 17.1641 16.3327 13.8307 16.3327H13.4141C13.1557 16.3327 12.9057 16.4577 12.7474 16.666L11.4974 18.3327C10.9474 19.066 10.0474 19.066 9.4974 18.3327L8.2474 16.666C8.11406 16.4827 7.80573 16.3327 7.58073 16.3327Z" stroke="#ADB3B3" stroke-width="1.0856" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M6.33594 7.16602H14.6693" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6.33594 11.334H11.3359" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/src/assets/svg/dictionaryIcon.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.17966 0.931109C5.59313 1.00244 5.1572 1.21645 4.73316 1.64445C4.40027 1.97338 4.18626 2.33402 4.07133 2.75806C4.00396 2.99584 4 3.44763 4 10.0064C4 16.5652 4.00396 17.017 4.07133 17.2548C4.30515 18.0989 4.99076 18.7885 5.8428 19.0302C6.08851 19.0976 6.39763 19.1016 12.0449 19.1016H17.9895V12.4041C17.9895 8.71845 17.9776 5.65899 17.9617 5.59955C17.9221 5.46084 17.7517 5.26269 17.5971 5.17947C17.4822 5.11606 17.0582 5.1121 11.7279 5.09228L5.98151 5.07247L5.7041 4.93772C5.00661 4.5969 4.59445 3.82411 4.72127 3.08699C4.84412 2.36572 5.4148 1.7792 6.12022 1.64445C6.25496 1.62067 8.41084 1.60482 12.1638 1.60482H18.0014L17.9696 1.45819C17.9102 1.19663 17.7002 0.990554 17.4307 0.931109C17.2484 0.887515 6.53237 0.887515 6.17966 0.931109ZM5.30383 5.51632C5.4148 5.57181 5.60106 5.65503 5.72391 5.70259C5.94188 5.78581 5.94584 5.78581 11.6209 5.7977L17.2959 5.80563V12.1068V18.408H11.8111C8.29591 18.408 6.25496 18.3922 6.12022 18.3684C5.64465 18.2773 5.14531 17.9166 4.91942 17.5045C4.68164 17.0685 4.69353 17.3856 4.69353 10.9694V5.09228L4.89961 5.25477C5.01057 5.34195 5.19287 5.46084 5.30383 5.51632Z" fill="#00C2C2"/>
3
+ <path d="M8.36646 7.9497C8.33079 7.96952 8.27531 8.03689 8.2436 8.09633C8.12471 8.32619 6.98733 11.2509 6.91203 11.5204C6.85655 11.7066 6.82088 11.992 6.80503 12.317L6.78125 12.8242L7.13396 12.8123L7.48667 12.8004L7.51045 12.3209C7.52233 12.0594 7.54611 11.8255 7.56197 11.7978C7.60556 11.7265 10.237 11.7304 10.2449 11.7978C10.2489 11.8255 10.2608 12.0633 10.2766 12.3249L10.3004 12.8004L10.6531 12.8123L11.0058 12.8242L10.9821 12.317C10.9702 12.0078 10.9305 11.6987 10.883 11.5323C10.7443 11.0171 9.56725 8.09237 9.46025 7.9933C9.37307 7.91404 9.32551 7.90611 8.90147 7.90611C8.64783 7.90611 8.40609 7.92592 8.36646 7.9497ZM9.49196 9.82817C9.74955 10.4781 9.95167 11.021 9.94374 11.0329C9.92393 11.0488 7.85523 11.0448 7.83938 11.025C7.83145 11.0171 8.0296 10.5059 8.27531 9.88762C8.52102 9.26543 8.73502 8.72645 8.74691 8.68682C8.76672 8.63531 8.80635 8.61945 8.8975 8.62738C9.02036 8.63927 9.02432 8.64323 9.49196 9.82817Z" fill="#00C2C2"/>
4
+ <path d="M11.7109 11.7492V12.1058H13.3833H15.0597L13.4269 13.7386C12.5273 14.6382 11.7743 15.4268 11.7506 15.4863C11.7308 15.5497 11.7109 15.7597 11.7109 15.9539V16.3066H13.8113H15.9157L15.9038 15.9579L15.8919 15.6131L14.2275 15.6012L12.567 15.5933L14.1958 13.9566C15.8206 12.3278 15.8246 12.3238 15.8721 12.1058C15.8959 11.9869 15.9117 11.7809 15.9038 11.6501L15.8919 11.4123L13.8034 11.4004L11.7109 11.3925V11.7492Z" fill="#00C2C2"/>
5
+ <path d="M6.0392 2.4017C5.84105 2.49285 5.62308 2.67911 5.53986 2.84159C5.50815 2.90104 5.48438 2.95652 5.48438 2.97237C5.48438 2.98426 8.1396 2.99219 11.3893 2.99219H17.2942V2.65533V2.31847H11.7578C6.27302 2.31847 6.21753 2.32244 6.0392 2.4017Z" fill="#00C2C2"/>
6
+ <path d="M5.48438 3.76011C5.48438 3.87503 5.7499 4.16434 5.95994 4.27926L6.1779 4.39815L11.738 4.41004L17.2942 4.41797V4.0613V3.70463H11.3893C6.30868 3.70463 5.48438 3.71255 5.48438 3.76011Z" fill="#00C2C2"/>
7
+ </svg>
package/src/assets/svg/fun.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.47135 10.8828L5.92969 13.4245" stroke="#ADB3B3" stroke-width="1.0856" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M5.96094 10.9082L8.5026 13.4499" stroke="#ADB3B3" stroke-width="1.0856" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M11.7734 12.166H11.7818" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M15.0547 12.166H15.063" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M13.4141 13.8174V13.8008" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M13.4141 10.5342V10.5176" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M7.9974 18.8333H12.9974C17.1641 18.8333 18.8307 17.1667 18.8307 13V11.3333C18.8307 7.16667 17.1641 5.5 12.9974 5.5H7.9974C3.83073 5.5 2.16406 7.16667 2.16406 11.3333V13C2.16406 17.1667 3.83073 18.8333 7.9974 18.8333Z" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M11.3401 2.16602L11.3318 3.00768C11.3234 3.46602 10.9568 3.83268 10.4984 3.83268H10.4734C10.0151 3.83268 9.64844 4.20768 9.64844 4.66602C9.64844 5.12435 10.0234 5.49935 10.4818 5.49935H11.3151" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
10
+ </svg>
package/src/assets/svg/learnIcon.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18.8307 14.4501V4.39174C18.8307 3.39174 18.0141 2.65008 17.0224 2.73341H16.9724C15.2224 2.88341 12.5641 3.77508 11.0807 4.70841L10.9391 4.80008C10.6974 4.95008 10.2974 4.95008 10.0557 4.80008L9.8474 4.67508C8.36406 3.75008 5.71406 2.86674 3.96406 2.72508C2.9724 2.64174 2.16406 3.39174 2.16406 4.38341V14.4501C2.16406 15.2501 2.81406 16.0001 3.61406 16.1001L3.85573 16.1334C5.66406 16.3751 8.45573 17.2917 10.0557 18.1667L10.0891 18.1834C10.3141 18.3084 10.6724 18.3084 10.8891 18.1834C12.4891 17.3001 15.2891 16.3751 17.1057 16.1334L17.3807 16.1001C18.1807 16.0001 18.8307 15.2501 18.8307 14.4501Z" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M10.5 5.07422V17.5742" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6.96094 7.57422H5.08594" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M7.58594 10.0742H5.08594" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
package/src/assets/svg/logout (1).svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.91406 6.79922C8.1724 3.79922 9.71406 2.57422 13.0891 2.57422H13.1974C16.9224 2.57422 18.4141 4.06589 18.4141 7.79089V13.2242C18.4141 16.9492 16.9224 18.4409 13.1974 18.4409H13.0891C9.73906 18.4409 8.1974 17.2326 7.9224 14.2826" stroke="#ADB3B3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M12.999 10.5H3.51562" stroke="#ADB3B3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M5.3776 7.70898L2.58594 10.5007L5.3776 13.2923" stroke="#ADB3B3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/src/assets/svg/speechIcon (1).svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.3516 6.14648C13.6988 5.5076 13.1746 4.76454 12.7791 3.91732C12.383 3.0701 12.1849 2.29232 12.1849 1.58398C12.1849 1.37565 12.2646 1.19843 12.4241 1.05232C12.5841 0.906762 12.7821 0.833984 13.0182 0.833984C13.2266 0.833984 13.4141 0.913707 13.5807 1.07315C13.7474 1.23315 13.8446 1.43121 13.8724 1.66732C13.9696 2.29232 14.1571 2.88954 14.4349 3.45898C14.7127 4.02843 15.0738 4.53537 15.5182 4.97982C15.9627 5.42426 16.4696 5.78871 17.0391 6.07315C17.6085 6.35815 18.2057 6.54926 18.8307 6.64648C19.0668 6.67426 19.2646 6.76787 19.4241 6.92732C19.5841 7.08732 19.6641 7.27148 19.6641 7.47982C19.6641 7.71593 19.5946 7.91398 19.4557 8.07398C19.3168 8.23343 19.1432 8.31315 18.9349 8.31315C18.2127 8.31315 17.428 8.11176 16.5807 7.70898C15.7335 7.30621 14.9905 6.78537 14.3516 6.14648ZM16.6849 3.81315C16.3238 3.45204 16.0391 3.06648 15.8307 2.65648C15.6224 2.24704 15.5182 1.86871 15.5182 1.52148C15.5182 1.32704 15.6016 1.16371 15.7682 1.03148C15.9349 0.899818 16.1363 0.833984 16.3724 0.833984C16.5668 0.833984 16.7371 0.906762 16.8832 1.05232C17.0288 1.19843 17.1432 1.38954 17.2266 1.62565C17.296 1.8201 17.3793 2.00065 17.4766 2.16732C17.5738 2.33398 17.6988 2.49371 17.8516 2.64648C18.0043 2.79926 18.1641 2.92065 18.3307 3.01065C18.4974 3.10121 18.678 3.18121 18.8724 3.25065C19.1085 3.33398 19.2996 3.45204 19.4457 3.60482C19.5913 3.7576 19.6641 3.93121 19.6641 4.12565C19.6641 4.36176 19.5982 4.56315 19.4666 4.72982C19.3343 4.89648 19.171 4.97982 18.9766 4.97982C18.6293 4.97982 18.2507 4.87565 17.8407 4.66732C17.4313 4.45898 17.046 4.17426 16.6849 3.81315ZM8.83073 10.834C7.91406 10.834 7.12934 10.5076 6.47656 9.85482C5.82378 9.20204 5.4974 8.41732 5.4974 7.50065C5.4974 6.58398 5.82378 5.79926 6.47656 5.14648C7.12934 4.49371 7.91406 4.16732 8.83073 4.16732C9.7474 4.16732 10.5321 4.49371 11.1849 5.14648C11.8377 5.79926 12.1641 6.58398 12.1641 7.50065C12.1641 8.41732 11.8377 9.20204 11.1849 9.85482C10.5321 10.5076 9.7474 10.834 8.83073 10.834ZM3.83073 17.5007C3.3724 17.5007 2.98017 17.3376 2.65406 17.0115C2.3274 16.6848 2.16406 16.2923 2.16406 15.834V15.1673C2.16406 14.709 2.28212 14.2784 2.51823 13.8757C2.75434 13.4729 3.08073 13.1673 3.4974 12.959C4.20573 12.5979 5.00434 12.2923 5.89323 12.0423C6.78212 11.7923 7.76128 11.6673 8.83073 11.6673C9.90017 11.6673 10.8793 11.7923 11.7682 12.0423C12.6571 12.2923 13.4557 12.5979 14.1641 12.959C14.5807 13.1673 14.9071 13.4729 15.1432 13.8757C15.3793 14.2784 15.4974 14.709 15.4974 15.1673V15.834C15.4974 16.2923 15.3343 16.6848 15.0082 17.0115C14.6816 17.3376 14.2891 17.5007 13.8307 17.5007H3.83073ZM3.83073 15.834H13.8307V15.1673C13.8307 15.0145 13.7927 14.8757 13.7166 14.7507C13.6399 14.6257 13.5391 14.5284 13.4141 14.459C12.9141 14.209 12.2718 13.959 11.4874 13.709C10.7024 13.459 9.81684 13.334 8.83073 13.334C7.84462 13.334 6.95906 13.459 6.17406 13.709C5.38962 13.959 4.7474 14.209 4.2474 14.459C4.1224 14.5284 4.02184 14.6257 3.94573 14.7507C3.86906 14.8757 3.83073 15.0145 3.83073 15.1673V15.834ZM8.83073 9.16732C9.28906 9.16732 9.68156 9.00398 10.0082 8.67732C10.3343 8.35121 10.4974 7.95898 10.4974 7.50065C10.4974 7.04232 10.3343 6.64982 10.0082 6.32315C9.68156 5.99704 9.28906 5.83398 8.83073 5.83398C8.3724 5.83398 7.98017 5.99704 7.65406 6.32315C7.3274 6.64982 7.16406 7.04232 7.16406 7.50065C7.16406 7.95898 7.3274 8.35121 7.65406 8.67732C7.98017 9.00398 8.3724 9.16732 8.83073 9.16732Z" fill="#ADB2B2"/>
3
+ </svg>
package/src/assets/svg/speechIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.3516 6.14648C13.6988 5.5076 13.1746 4.76454 12.7791 3.91732C12.383 3.0701 12.1849 2.29232 12.1849 1.58398C12.1849 1.37565 12.2646 1.19843 12.4241 1.05232C12.5841 0.906762 12.7821 0.833984 13.0182 0.833984C13.2266 0.833984 13.4141 0.913707 13.5807 1.07315C13.7474 1.23315 13.8446 1.43121 13.8724 1.66732C13.9696 2.29232 14.1571 2.88954 14.4349 3.45898C14.7127 4.02843 15.0738 4.53537 15.5182 4.97982C15.9627 5.42426 16.4696 5.78871 17.0391 6.07315C17.6085 6.35815 18.2057 6.54926 18.8307 6.64648C19.0668 6.67426 19.2646 6.76787 19.4241 6.92732C19.5841 7.08732 19.6641 7.27148 19.6641 7.47982C19.6641 7.71593 19.5946 7.91398 19.4557 8.07398C19.3168 8.23343 19.1432 8.31315 18.9349 8.31315C18.2127 8.31315 17.428 8.11176 16.5807 7.70898C15.7335 7.30621 14.9905 6.78537 14.3516 6.14648ZM16.6849 3.81315C16.3238 3.45204 16.0391 3.06648 15.8307 2.65648C15.6224 2.24704 15.5182 1.86871 15.5182 1.52148C15.5182 1.32704 15.6016 1.16371 15.7682 1.03148C15.9349 0.899818 16.1363 0.833984 16.3724 0.833984C16.5668 0.833984 16.7371 0.906762 16.8832 1.05232C17.0288 1.19843 17.1432 1.38954 17.2266 1.62565C17.296 1.8201 17.3793 2.00065 17.4766 2.16732C17.5738 2.33398 17.6988 2.49371 17.8516 2.64648C18.0043 2.79926 18.1641 2.92065 18.3307 3.01065C18.4974 3.10121 18.678 3.18121 18.8724 3.25065C19.1085 3.33398 19.2996 3.45204 19.4457 3.60482C19.5913 3.7576 19.6641 3.93121 19.6641 4.12565C19.6641 4.36176 19.5982 4.56315 19.4666 4.72982C19.3343 4.89648 19.171 4.97982 18.9766 4.97982C18.6293 4.97982 18.2507 4.87565 17.8407 4.66732C17.4313 4.45898 17.046 4.17426 16.6849 3.81315ZM8.83073 10.834C7.91406 10.834 7.12934 10.5076 6.47656 9.85482C5.82378 9.20204 5.4974 8.41732 5.4974 7.50065C5.4974 6.58398 5.82378 5.79926 6.47656 5.14648C7.12934 4.49371 7.91406 4.16732 8.83073 4.16732C9.7474 4.16732 10.5321 4.49371 11.1849 5.14648C11.8377 5.79926 12.1641 6.58398 12.1641 7.50065C12.1641 8.41732 11.8377 9.20204 11.1849 9.85482C10.5321 10.5076 9.7474 10.834 8.83073 10.834ZM3.83073 17.5007C3.3724 17.5007 2.98017 17.3376 2.65406 17.0115C2.3274 16.6848 2.16406 16.2923 2.16406 15.834V15.1673C2.16406 14.709 2.28212 14.2784 2.51823 13.8757C2.75434 13.4729 3.08073 13.1673 3.4974 12.959C4.20573 12.5979 5.00434 12.2923 5.89323 12.0423C6.78212 11.7923 7.76128 11.6673 8.83073 11.6673C9.90017 11.6673 10.8793 11.7923 11.7682 12.0423C12.6571 12.2923 13.4557 12.5979 14.1641 12.959C14.5807 13.1673 14.9071 13.4729 15.1432 13.8757C15.3793 14.2784 15.4974 14.709 15.4974 15.1673V15.834C15.4974 16.2923 15.3343 16.6848 15.0082 17.0115C14.6816 17.3376 14.2891 17.5007 13.8307 17.5007H3.83073ZM3.83073 15.834H13.8307V15.1673C13.8307 15.0145 13.7927 14.8757 13.7166 14.7507C13.6399 14.6257 13.5391 14.5284 13.4141 14.459C12.9141 14.209 12.2718 13.959 11.4874 13.709C10.7024 13.459 9.81684 13.334 8.83073 13.334C7.84462 13.334 6.95906 13.459 6.17406 13.709C5.38962 13.959 4.7474 14.209 4.2474 14.459C4.1224 14.5284 4.02184 14.6257 3.94573 14.7507C3.86906 14.8757 3.83073 15.0145 3.83073 15.1673V15.834ZM8.83073 9.16732C9.28906 9.16732 9.68156 9.00398 10.0082 8.67732C10.3343 8.35121 10.4974 7.95898 10.4974 7.50065C10.4974 7.04232 10.3343 6.64982 10.0082 6.32315C9.68156 5.99704 9.28906 5.83398 8.83073 5.83398C8.3724 5.83398 7.98017 5.99704 7.65406 6.32315C7.3274 6.64982 7.16406 7.04232 7.16406 7.50065C7.16406 7.95898 7.3274 8.35121 7.65406 8.67732C7.98017 9.00398 8.3724 9.16732 8.83073 9.16732Z" fill="#ADB2B2"/>
3
+ </svg>
package/src/components/sideBar/sideMenu/styles/index.jsx CHANGED
@@ -5,7 +5,7 @@ export const SideMenuContainer = styled.div`
5
5
  position: fixed;
6
6
 
7
7
  width: ${({ isOpen }) => (isOpen ? "239px" : "48px")};
8
- height: 65%;
8
+ height: 625px;
9
9
  // max-height: 609px;
10
10
  display: flex;
11
11
  flex-direction: column;
package/src/components/sideNav/index.jsx CHANGED
@@ -9,6 +9,7 @@ import {
9
9
  } from "./styles";
10
10
  import { CiLogout } from "react-icons/ci";
11
11
  import { HiOutlineLogout } from "react-icons/hi";
12
+ import LogoutIcon from "./svg/logout"
12
13
 
13
14
  const SideBar = ({ routes }) => {
14
15
  return (
@@ -28,7 +29,7 @@ const SideBar = ({ routes }) => {
28
29
  ))}
29
30
  </NavItems>
30
31
  <IconContainer>
31
- <HiOutlineLogout />
32
+ <LogoutIcon className="logout" />
32
33
  <p>Sign Out</p>
33
34
  </IconContainer>
34
35
  </NavWrapper>
package/src/components/sideNav/styles/index.jsx CHANGED
@@ -3,9 +3,9 @@ import { NavLink } from "react-router-dom";
3
3
 
4
4
  export const NavWrapper = styled.nav`
5
5
  background-color: #ffffff;
6
- width: 57px;
6
+ width: 61px;
7
7
  position: fixed;
8
- height: 65%;
8
+ height: 625px;
9
9
  /* top: 10%; */
10
10
  left: 0;
11
11
  overflow-x: hidden;
@@ -116,14 +116,14 @@ export const IconContainer = styled.div`
116
116
  flex-direction: column;
117
117
  align-items: center;
118
118
  justify-content: center;
119
- margin-top: 100px;
119
+ margin-top: 170px;
120
120
  font-size: 20px;
121
121
  padding: 10px;
122
122
  cursor: pointer;
123
123
 
124
124
  svg {
125
125
  color: #adb3b3;
126
- transform: rotate(180deg);
126
+ transform: rotate(360deg);
127
127
  font-size: 18px;
128
128
  margin-bottom: -8px;
129
129
  }
package/src/components/sideNav/svg/commIcon.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.58073 16.3327H7.16406C3.83073 16.3327 2.16406 15.4993 2.16406 11.3327V7.16602C2.16406 3.83268 3.83073 2.16602 7.16406 2.16602H13.8307C17.1641 2.16602 18.8307 3.83268 18.8307 7.16602V11.3327C18.8307 14.666 17.1641 16.3327 13.8307 16.3327H13.4141C13.1557 16.3327 12.9057 16.4577 12.7474 16.666L11.4974 18.3327C10.9474 19.066 10.0474 19.066 9.4974 18.3327L8.2474 16.666C8.11406 16.4827 7.80573 16.3327 7.58073 16.3327Z" stroke="#ADB3B3" stroke-width="1.0856" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M6.33594 7.16602H14.6693" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6.33594 11.334H11.3359" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/src/components/sideNav/svg/dictionaryIcon.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.17966 0.931109C5.59313 1.00244 5.1572 1.21645 4.73316 1.64445C4.40027 1.97338 4.18626 2.33402 4.07133 2.75806C4.00396 2.99584 4 3.44763 4 10.0064C4 16.5652 4.00396 17.017 4.07133 17.2548C4.30515 18.0989 4.99076 18.7885 5.8428 19.0302C6.08851 19.0976 6.39763 19.1016 12.0449 19.1016H17.9895V12.4041C17.9895 8.71845 17.9776 5.65899 17.9617 5.59955C17.9221 5.46084 17.7517 5.26269 17.5971 5.17947C17.4822 5.11606 17.0582 5.1121 11.7279 5.09228L5.98151 5.07247L5.7041 4.93772C5.00661 4.5969 4.59445 3.82411 4.72127 3.08699C4.84412 2.36572 5.4148 1.7792 6.12022 1.64445C6.25496 1.62067 8.41084 1.60482 12.1638 1.60482H18.0014L17.9696 1.45819C17.9102 1.19663 17.7002 0.990554 17.4307 0.931109C17.2484 0.887515 6.53237 0.887515 6.17966 0.931109ZM5.30383 5.51632C5.4148 5.57181 5.60106 5.65503 5.72391 5.70259C5.94188 5.78581 5.94584 5.78581 11.6209 5.7977L17.2959 5.80563V12.1068V18.408H11.8111C8.29591 18.408 6.25496 18.3922 6.12022 18.3684C5.64465 18.2773 5.14531 17.9166 4.91942 17.5045C4.68164 17.0685 4.69353 17.3856 4.69353 10.9694V5.09228L4.89961 5.25477C5.01057 5.34195 5.19287 5.46084 5.30383 5.51632Z" fill="#00C2C2"/>
3
+ <path d="M8.36646 7.9497C8.33079 7.96952 8.27531 8.03689 8.2436 8.09633C8.12471 8.32619 6.98733 11.2509 6.91203 11.5204C6.85655 11.7066 6.82088 11.992 6.80503 12.317L6.78125 12.8242L7.13396 12.8123L7.48667 12.8004L7.51045 12.3209C7.52233 12.0594 7.54611 11.8255 7.56197 11.7978C7.60556 11.7265 10.237 11.7304 10.2449 11.7978C10.2489 11.8255 10.2608 12.0633 10.2766 12.3249L10.3004 12.8004L10.6531 12.8123L11.0058 12.8242L10.9821 12.317C10.9702 12.0078 10.9305 11.6987 10.883 11.5323C10.7443 11.0171 9.56725 8.09237 9.46025 7.9933C9.37307 7.91404 9.32551 7.90611 8.90147 7.90611C8.64783 7.90611 8.40609 7.92592 8.36646 7.9497ZM9.49196 9.82817C9.74955 10.4781 9.95167 11.021 9.94374 11.0329C9.92393 11.0488 7.85523 11.0448 7.83938 11.025C7.83145 11.0171 8.0296 10.5059 8.27531 9.88762C8.52102 9.26543 8.73502 8.72645 8.74691 8.68682C8.76672 8.63531 8.80635 8.61945 8.8975 8.62738C9.02036 8.63927 9.02432 8.64323 9.49196 9.82817Z" fill="#00C2C2"/>
4
+ <path d="M11.7109 11.7492V12.1058H13.3833H15.0597L13.4269 13.7386C12.5273 14.6382 11.7743 15.4268 11.7506 15.4863C11.7308 15.5497 11.7109 15.7597 11.7109 15.9539V16.3066H13.8113H15.9157L15.9038 15.9579L15.8919 15.6131L14.2275 15.6012L12.567 15.5933L14.1958 13.9566C15.8206 12.3278 15.8246 12.3238 15.8721 12.1058C15.8959 11.9869 15.9117 11.7809 15.9038 11.6501L15.8919 11.4123L13.8034 11.4004L11.7109 11.3925V11.7492Z" fill="#00C2C2"/>
5
+ <path d="M6.0392 2.4017C5.84105 2.49285 5.62308 2.67911 5.53986 2.84159C5.50815 2.90104 5.48438 2.95652 5.48438 2.97237C5.48438 2.98426 8.1396 2.99219 11.3893 2.99219H17.2942V2.65533V2.31847H11.7578C6.27302 2.31847 6.21753 2.32244 6.0392 2.4017Z" fill="#00C2C2"/>
6
+ <path d="M5.48438 3.76011C5.48438 3.87503 5.7499 4.16434 5.95994 4.27926L6.1779 4.39815L11.738 4.41004L17.2942 4.41797V4.0613V3.70463H11.3893C6.30868 3.70463 5.48438 3.71255 5.48438 3.76011Z" fill="#00C2C2"/>
7
+ </svg>
package/src/components/sideNav/svg/fun.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.47135 10.8828L5.92969 13.4245" stroke="#ADB3B3" stroke-width="1.0856" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M5.96094 10.9082L8.5026 13.4499" stroke="#ADB3B3" stroke-width="1.0856" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M11.7734 12.166H11.7818" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M15.0547 12.166H15.063" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M13.4141 13.8174V13.8008" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M13.4141 10.5342V10.5176" stroke="#ADB3B3" stroke-width="1.44747" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M7.9974 18.8333H12.9974C17.1641 18.8333 18.8307 17.1667 18.8307 13V11.3333C18.8307 7.16667 17.1641 5.5 12.9974 5.5H7.9974C3.83073 5.5 2.16406 7.16667 2.16406 11.3333V13C2.16406 17.1667 3.83073 18.8333 7.9974 18.8333Z" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M11.3401 2.16602L11.3318 3.00768C11.3234 3.46602 10.9568 3.83268 10.4984 3.83268H10.4734C10.0151 3.83268 9.64844 4.20768 9.64844 4.66602C9.64844 5.12435 10.0234 5.49935 10.4818 5.49935H11.3151" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
10
+ </svg>
package/src/components/sideNav/svg/learnIcon.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18.8307 14.4501V4.39174C18.8307 3.39174 18.0141 2.65008 17.0224 2.73341H16.9724C15.2224 2.88341 12.5641 3.77508 11.0807 4.70841L10.9391 4.80008C10.6974 4.95008 10.2974 4.95008 10.0557 4.80008L9.8474 4.67508C8.36406 3.75008 5.71406 2.86674 3.96406 2.72508C2.9724 2.64174 2.16406 3.39174 2.16406 4.38341V14.4501C2.16406 15.2501 2.81406 16.0001 3.61406 16.1001L3.85573 16.1334C5.66406 16.3751 8.45573 17.2917 10.0557 18.1667L10.0891 18.1834C10.3141 18.3084 10.6724 18.3084 10.8891 18.1834C12.4891 17.3001 15.2891 16.3751 17.1057 16.1334L17.3807 16.1001C18.1807 16.0001 18.8307 15.2501 18.8307 14.4501Z" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M10.5 5.07422V17.5742" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6.96094 7.57422H5.08594" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M7.58594 10.0742H5.08594" stroke="#ADB3B3" stroke-width="1.0856" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
package/src/components/sideNav/svg/logout.jsx ADDED
@@ -0,0 +1,13 @@
1
+ const LogoutIcon = () => {
2
+
3
+ return(
4
+ <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg" >
5
+ <path d="M7.91406 6.79922C8.1724 3.79922 9.71406 2.57422 13.0891 2.57422H13.1974C16.9224 2.57422 18.4141 4.06589 18.4141 7.79089V13.2242C18.4141 16.9492 16.9224 18.4409 13.1974 18.4409H13.0891C9.73906 18.4409 8.1974 17.2326 7.9224 14.2826" stroke="#ADB3B3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M12.999 10.5H3.51562" stroke="#ADB3B3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M5.3776 7.70898L2.58594 10.5007L5.3776 13.2923" stroke="#ADB3B3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
8
+ </svg>
9
+ )
10
+
11
+ }
12
+
13
+ export default LogoutIcon
package/src/components/sideNav/svg/speechIcon.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.3516 6.14648C13.6988 5.5076 13.1746 4.76454 12.7791 3.91732C12.383 3.0701 12.1849 2.29232 12.1849 1.58398C12.1849 1.37565 12.2646 1.19843 12.4241 1.05232C12.5841 0.906762 12.7821 0.833984 13.0182 0.833984C13.2266 0.833984 13.4141 0.913707 13.5807 1.07315C13.7474 1.23315 13.8446 1.43121 13.8724 1.66732C13.9696 2.29232 14.1571 2.88954 14.4349 3.45898C14.7127 4.02843 15.0738 4.53537 15.5182 4.97982C15.9627 5.42426 16.4696 5.78871 17.0391 6.07315C17.6085 6.35815 18.2057 6.54926 18.8307 6.64648C19.0668 6.67426 19.2646 6.76787 19.4241 6.92732C19.5841 7.08732 19.6641 7.27148 19.6641 7.47982C19.6641 7.71593 19.5946 7.91398 19.4557 8.07398C19.3168 8.23343 19.1432 8.31315 18.9349 8.31315C18.2127 8.31315 17.428 8.11176 16.5807 7.70898C15.7335 7.30621 14.9905 6.78537 14.3516 6.14648ZM16.6849 3.81315C16.3238 3.45204 16.0391 3.06648 15.8307 2.65648C15.6224 2.24704 15.5182 1.86871 15.5182 1.52148C15.5182 1.32704 15.6016 1.16371 15.7682 1.03148C15.9349 0.899818 16.1363 0.833984 16.3724 0.833984C16.5668 0.833984 16.7371 0.906762 16.8832 1.05232C17.0288 1.19843 17.1432 1.38954 17.2266 1.62565C17.296 1.8201 17.3793 2.00065 17.4766 2.16732C17.5738 2.33398 17.6988 2.49371 17.8516 2.64648C18.0043 2.79926 18.1641 2.92065 18.3307 3.01065C18.4974 3.10121 18.678 3.18121 18.8724 3.25065C19.1085 3.33398 19.2996 3.45204 19.4457 3.60482C19.5913 3.7576 19.6641 3.93121 19.6641 4.12565C19.6641 4.36176 19.5982 4.56315 19.4666 4.72982C19.3343 4.89648 19.171 4.97982 18.9766 4.97982C18.6293 4.97982 18.2507 4.87565 17.8407 4.66732C17.4313 4.45898 17.046 4.17426 16.6849 3.81315ZM8.83073 10.834C7.91406 10.834 7.12934 10.5076 6.47656 9.85482C5.82378 9.20204 5.4974 8.41732 5.4974 7.50065C5.4974 6.58398 5.82378 5.79926 6.47656 5.14648C7.12934 4.49371 7.91406 4.16732 8.83073 4.16732C9.7474 4.16732 10.5321 4.49371 11.1849 5.14648C11.8377 5.79926 12.1641 6.58398 12.1641 7.50065C12.1641 8.41732 11.8377 9.20204 11.1849 9.85482C10.5321 10.5076 9.7474 10.834 8.83073 10.834ZM3.83073 17.5007C3.3724 17.5007 2.98017 17.3376 2.65406 17.0115C2.3274 16.6848 2.16406 16.2923 2.16406 15.834V15.1673C2.16406 14.709 2.28212 14.2784 2.51823 13.8757C2.75434 13.4729 3.08073 13.1673 3.4974 12.959C4.20573 12.5979 5.00434 12.2923 5.89323 12.0423C6.78212 11.7923 7.76128 11.6673 8.83073 11.6673C9.90017 11.6673 10.8793 11.7923 11.7682 12.0423C12.6571 12.2923 13.4557 12.5979 14.1641 12.959C14.5807 13.1673 14.9071 13.4729 15.1432 13.8757C15.3793 14.2784 15.4974 14.709 15.4974 15.1673V15.834C15.4974 16.2923 15.3343 16.6848 15.0082 17.0115C14.6816 17.3376 14.2891 17.5007 13.8307 17.5007H3.83073ZM3.83073 15.834H13.8307V15.1673C13.8307 15.0145 13.7927 14.8757 13.7166 14.7507C13.6399 14.6257 13.5391 14.5284 13.4141 14.459C12.9141 14.209 12.2718 13.959 11.4874 13.709C10.7024 13.459 9.81684 13.334 8.83073 13.334C7.84462 13.334 6.95906 13.459 6.17406 13.709C5.38962 13.959 4.7474 14.209 4.2474 14.459C4.1224 14.5284 4.02184 14.6257 3.94573 14.7507C3.86906 14.8757 3.83073 15.0145 3.83073 15.1673V15.834ZM8.83073 9.16732C9.28906 9.16732 9.68156 9.00398 10.0082 8.67732C10.3343 8.35121 10.4974 7.95898 10.4974 7.50065C10.4974 7.04232 10.3343 6.64982 10.0082 6.32315C9.68156 5.99704 9.28906 5.83398 8.83073 5.83398C8.3724 5.83398 7.98017 5.99704 7.65406 6.32315C7.3274 6.64982 7.16406 7.04232 7.16406 7.50065C7.16406 7.95898 7.3274 8.35121 7.65406 8.67732C7.98017 9.00398 8.3724 9.16732 8.83073 9.16732Z" fill="#ADB2B2"/>
3
+ </svg>