update 11 files and delete 28 files

master
Reza_ashrafi 2 years ago
parent 4f20bba0ce
commit fc79039af3
  1. 6
      public/assets/icons/ar-primary.svg
  2. 6
      public/assets/icons/ar-white.svg
  3. 6
      public/assets/icons/call-primary.svg
  4. 6
      public/assets/icons/call-white.svg
  5. 4
      public/assets/icons/check-primary.svg
  6. 4
      public/assets/icons/check-white.svg
  7. 10
      public/assets/icons/danger-primary.svg
  8. 10
      public/assets/icons/danger-white.svg
  9. 0
      public/assets/icons/dark-white.svg
  10. 0
      public/assets/icons/dislike-finger.svg
  11. 2
      public/assets/icons/dropdown-primary.svg
  12. 6
      public/assets/icons/exit-primary.svg
  13. 6
      public/assets/icons/exit-white.svg
  14. 4
      public/assets/icons/faq-primary.svg
  15. 4
      public/assets/icons/faq-white.svg
  16. 5
      public/assets/icons/home-white.svg
  17. 0
      public/assets/icons/like-finger.svg
  18. 0
      public/assets/icons/negative.svg
  19. 8
      public/assets/icons/orders-primary.svg
  20. 8
      public/assets/icons/orders-white.svg
  21. 0
      public/assets/icons/plus-white.svg
  22. 0
      public/assets/icons/positive.svg
  23. 0
      public/assets/icons/sun.svg
  24. 2
      src/components/Avatar/index.js
  25. 1
      src/components/BottomNavigation/index.js
  26. 4
      src/components/Button/index.js
  27. 28
      src/components/Comments/index.js
  28. 11
      src/components/Comments/user.svg
  29. 7
      src/components/Counter/index.js
  30. 25
      src/components/Design2D/index.js
  31. 7
      src/components/Drawer/home-dark.svg
  32. 7
      src/components/Drawer/home.svg
  33. 126
      src/components/Drawer/index.js
  34. 1
      src/components/Drawer/logout-dark.svg
  35. 1
      src/components/Drawer/logout.svg
  36. 1
      src/components/Drawer/mobile-basket-dark.svg
  37. 1
      src/components/Drawer/mobile-basket.svg
  38. 1
      src/components/Drawer/mobile-danger-dark.svg
  39. 1
      src/components/Drawer/mobile-danger.svg
  40. 5
      src/components/FloatingButton/index.js
  41. 0
      src/views/VideoDisplay/components/PlayList/index.css
  42. 5
      src/views/VideoDisplay/components/PlayList/index.js
  43. 4
      src/views/VideoDisplay/index.js

@ -1,8 +1,8 @@
<svg id="vuesax_linear_3dcube" data-name="vuesax/linear/3dcube" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_3dcube" data-name="vuesax/linear/3dcube" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="_3dcube" data-name="3dcube"> <g id="_3dcube" data-name="3dcube">
<path id="Vector" d="M8.92.233l6.51,3.51a1.153,1.153,0,0,1,0,1.99L8.92,9.243a1.936,1.936,0,0,1-1.84,0L.57,5.733a1.153,1.153,0,0,1,0-1.99L7.08.233A1.936,1.936,0,0,1,8.92.233Z" transform="translate(4 2.027)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M8.92.233l6.51,3.51a1.153,1.153,0,0,1,0,1.99L8.92,9.243a1.936,1.936,0,0,1-1.84,0L.57,5.733a1.153,1.153,0,0,1,0-1.99L7.08.233A1.936,1.936,0,0,1,8.92.233Z" transform="translate(4 2.027)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M1.61.12,7.66,3.15A2.238,2.238,0,0,1,8.89,5.14v5.72a1.109,1.109,0,0,1-1.61.99L1.23,8.82A2.238,2.238,0,0,1,0,6.83V1.11A1.109,1.109,0,0,1,1.61.12Z" transform="translate(2 10.01)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M1.61.12,7.66,3.15A2.238,2.238,0,0,1,8.89,5.14v5.72a1.109,1.109,0,0,1-1.61.99L1.23,8.82A2.238,2.238,0,0,1,0,6.83V1.11A1.109,1.109,0,0,1,1.61.12Z" transform="translate(2 10.01)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M7.28.12,1.23,3.15A2.238,2.238,0,0,0,0,5.14v5.72a1.109,1.109,0,0,0,1.61.99L7.66,8.82A2.238,2.238,0,0,0,8.89,6.83V1.11A1.109,1.109,0,0,0,7.28.12Z" transform="translate(13.11 10.01)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-3" data-name="Vector" d="M7.28.12,1.23,3.15A2.238,2.238,0,0,0,0,5.14v5.72a1.109,1.109,0,0,0,1.61.99L7.66,8.82A2.238,2.238,0,0,0,8.89,6.83V1.11A1.109,1.109,0,0,0,7.28.12Z" transform="translate(13.11 10.01)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -1,8 +1,8 @@
<svg id="vuesax_linear_3dcube" data-name="vuesax/linear/3dcube" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_3dcube" data-name="vuesax/linear/3dcube" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="_3dcube" data-name="3dcube"> <g id="_3dcube" data-name="3dcube">
<path id="Vector" d="M8.92.233l6.51,3.51a1.153,1.153,0,0,1,0,1.99L8.92,9.243a1.936,1.936,0,0,1-1.84,0L.57,5.733a1.153,1.153,0,0,1,0-1.99L7.08.233A1.936,1.936,0,0,1,8.92.233Z" transform="translate(4 2.027)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M8.92.233l6.51,3.51a1.153,1.153,0,0,1,0,1.99L8.92,9.243a1.936,1.936,0,0,1-1.84,0L.57,5.733a1.153,1.153,0,0,1,0-1.99L7.08.233A1.936,1.936,0,0,1,8.92.233Z" transform="translate(4 2.027)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M1.61.12,7.66,3.15A2.238,2.238,0,0,1,8.89,5.14v5.72a1.109,1.109,0,0,1-1.61.99L1.23,8.82A2.238,2.238,0,0,1,0,6.83V1.11A1.109,1.109,0,0,1,1.61.12Z" transform="translate(2 10.01)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M1.61.12,7.66,3.15A2.238,2.238,0,0,1,8.89,5.14v5.72a1.109,1.109,0,0,1-1.61.99L1.23,8.82A2.238,2.238,0,0,1,0,6.83V1.11A1.109,1.109,0,0,1,1.61.12Z" transform="translate(2 10.01)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M7.28.12,1.23,3.15A2.238,2.238,0,0,0,0,5.14v5.72a1.109,1.109,0,0,0,1.61.99L7.66,8.82A2.238,2.238,0,0,0,8.89,6.83V1.11A1.109,1.109,0,0,0,7.28.12Z" transform="translate(13.11 10.01)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-3" data-name="Vector" d="M7.28.12,1.23,3.15A2.238,2.238,0,0,0,0,5.14v5.72a1.109,1.109,0,0,0,1.61.99L7.66,8.82A2.238,2.238,0,0,0,8.89,6.83V1.11A1.109,1.109,0,0,0,7.28.12Z" transform="translate(13.11 10.01)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

@ -1,9 +1,9 @@
<svg id="vuesax_linear_call-calling" data-name="vuesax/linear/call-calling" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_call-calling" data-name="vuesax/linear/call-calling" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="call-calling"> <g id="call-calling">
<g id="call-calling-2" data-name="call-calling" transform="translate(2 2)"> <g id="call-calling-2" data-name="call-calling" transform="translate(2 2)">
<path id="Vector" d="M19.97,16.33a2.545,2.545,0,0,1-.25,1.09,4.126,4.126,0,0,1-.68,1.02,4.508,4.508,0,0,1-1.64,1.18,5.022,5.022,0,0,1-1.95.38,8.334,8.334,0,0,1-3.26-.73,17.564,17.564,0,0,1-3.44-1.98,28.75,28.75,0,0,1-3.28-2.8,28.414,28.414,0,0,1-2.79-3.27A17.828,17.828,0,0,1,.72,7.81,8.423,8.423,0,0,1,0,4.54,5.173,5.173,0,0,1,.36,2.61,4.6,4.6,0,0,1,1.51.94,2.93,2.93,0,0,1,3.59,0,1.879,1.879,0,0,1,4.4.18a1.63,1.63,0,0,1,.67.56L7.39,4.01a3.422,3.422,0,0,1,.4.7,1.581,1.581,0,0,1,.14.61,1.357,1.357,0,0,1-.21.71,3.4,3.4,0,0,1-.56.71l-.76.79a.535.535,0,0,0-.16.4.908.908,0,0,0,.03.23c.03.08.06.14.08.2a8.3,8.3,0,0,0,.93,1.28c.45.52.93,1.05,1.45,1.58.54.53,1.06,1.02,1.59,1.47a7.675,7.675,0,0,0,1.29.92c.05.02.11.05.18.08a.69.69,0,0,0,.25.04.55.55,0,0,0,.41-.17l.76-.75a3.068,3.068,0,0,1,.72-.56,1.332,1.332,0,0,1,.71-.21,1.6,1.6,0,0,1,.61.13,3.868,3.868,0,0,1,.7.39l3.31,2.35a1.517,1.517,0,0,1,.55.64A2.052,2.052,0,0,1,19.97,16.33Z" fill="none" stroke="#ffffff" stroke-width="1.5"/> <path id="Vector" d="M19.97,16.33a2.545,2.545,0,0,1-.25,1.09,4.126,4.126,0,0,1-.68,1.02,4.508,4.508,0,0,1-1.64,1.18,5.022,5.022,0,0,1-1.95.38,8.334,8.334,0,0,1-3.26-.73,17.564,17.564,0,0,1-3.44-1.98,28.75,28.75,0,0,1-3.28-2.8,28.414,28.414,0,0,1-2.79-3.27A17.828,17.828,0,0,1,.72,7.81,8.423,8.423,0,0,1,0,4.54,5.173,5.173,0,0,1,.36,2.61,4.6,4.6,0,0,1,1.51.94,2.93,2.93,0,0,1,3.59,0,1.879,1.879,0,0,1,4.4.18a1.63,1.63,0,0,1,.67.56L7.39,4.01a3.422,3.422,0,0,1,.4.7,1.581,1.581,0,0,1,.14.61,1.357,1.357,0,0,1-.21.71,3.4,3.4,0,0,1-.56.71l-.76.79a.535.535,0,0,0-.16.4.908.908,0,0,0,.03.23c.03.08.06.14.08.2a8.3,8.3,0,0,0,.93,1.28c.45.52.93,1.05,1.45,1.58.54.53,1.06,1.02,1.59,1.47a7.675,7.675,0,0,0,1.29.92c.05.02.11.05.18.08a.69.69,0,0,0,.25.04.55.55,0,0,0,.41-.17l.76-.75a3.068,3.068,0,0,1,.72-.56,1.332,1.332,0,0,1,.71-.21,1.6,1.6,0,0,1,.61.13,3.868,3.868,0,0,1,.7.39l3.31,2.35a1.517,1.517,0,0,1,.55.64A2.052,2.052,0,0,1,19.97,16.33Z" fill="none" stroke="#37a865" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M3.5,3.5A3.965,3.965,0,0,0,2.33,1.23,3.416,3.416,0,0,0,0,0" transform="translate(13 3.5)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M3.5,3.5A3.965,3.965,0,0,0,2.33,1.23,3.416,3.416,0,0,0,0,0" transform="translate(13 3.5)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M7,7A7,7,0,0,0,0,0" transform="translate(13)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-3" data-name="Vector" d="M7,7A7,7,0,0,0,0,0" transform="translate(13)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g> </g>
<path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

@ -1,9 +1,9 @@
<svg id="vuesax_linear_call-calling" data-name="vuesax/linear/call-calling" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_call-calling" data-name="vuesax/linear/call-calling" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="call-calling"> <g id="call-calling">
<g id="call-calling-2" data-name="call-calling" transform="translate(2 2)"> <g id="call-calling-2" data-name="call-calling" transform="translate(2 2)">
<path id="Vector" d="M19.97,16.33a2.545,2.545,0,0,1-.25,1.09,4.126,4.126,0,0,1-.68,1.02,4.508,4.508,0,0,1-1.64,1.18,5.022,5.022,0,0,1-1.95.38,8.334,8.334,0,0,1-3.26-.73,17.564,17.564,0,0,1-3.44-1.98,28.75,28.75,0,0,1-3.28-2.8,28.414,28.414,0,0,1-2.79-3.27A17.828,17.828,0,0,1,.72,7.81,8.423,8.423,0,0,1,0,4.54,5.173,5.173,0,0,1,.36,2.61,4.6,4.6,0,0,1,1.51.94,2.93,2.93,0,0,1,3.59,0,1.879,1.879,0,0,1,4.4.18a1.63,1.63,0,0,1,.67.56L7.39,4.01a3.422,3.422,0,0,1,.4.7,1.581,1.581,0,0,1,.14.61,1.357,1.357,0,0,1-.21.71,3.4,3.4,0,0,1-.56.71l-.76.79a.535.535,0,0,0-.16.4.908.908,0,0,0,.03.23c.03.08.06.14.08.2a8.3,8.3,0,0,0,.93,1.28c.45.52.93,1.05,1.45,1.58.54.53,1.06,1.02,1.59,1.47a7.675,7.675,0,0,0,1.29.92c.05.02.11.05.18.08a.69.69,0,0,0,.25.04.55.55,0,0,0,.41-.17l.76-.75a3.068,3.068,0,0,1,.72-.56,1.332,1.332,0,0,1,.71-.21,1.6,1.6,0,0,1,.61.13,3.868,3.868,0,0,1,.7.39l3.31,2.35a1.517,1.517,0,0,1,.55.64A2.052,2.052,0,0,1,19.97,16.33Z" fill="none" stroke="#292d32" stroke-width="1.5"/> <path id="Vector" d="M19.97,16.33a2.545,2.545,0,0,1-.25,1.09,4.126,4.126,0,0,1-.68,1.02,4.508,4.508,0,0,1-1.64,1.18,5.022,5.022,0,0,1-1.95.38,8.334,8.334,0,0,1-3.26-.73,17.564,17.564,0,0,1-3.44-1.98,28.75,28.75,0,0,1-3.28-2.8,28.414,28.414,0,0,1-2.79-3.27A17.828,17.828,0,0,1,.72,7.81,8.423,8.423,0,0,1,0,4.54,5.173,5.173,0,0,1,.36,2.61,4.6,4.6,0,0,1,1.51.94,2.93,2.93,0,0,1,3.59,0,1.879,1.879,0,0,1,4.4.18a1.63,1.63,0,0,1,.67.56L7.39,4.01a3.422,3.422,0,0,1,.4.7,1.581,1.581,0,0,1,.14.61,1.357,1.357,0,0,1-.21.71,3.4,3.4,0,0,1-.56.71l-.76.79a.535.535,0,0,0-.16.4.908.908,0,0,0,.03.23c.03.08.06.14.08.2a8.3,8.3,0,0,0,.93,1.28c.45.52.93,1.05,1.45,1.58.54.53,1.06,1.02,1.59,1.47a7.675,7.675,0,0,0,1.29.92c.05.02.11.05.18.08a.69.69,0,0,0,.25.04.55.55,0,0,0,.41-.17l.76-.75a3.068,3.068,0,0,1,.72-.56,1.332,1.332,0,0,1,.71-.21,1.6,1.6,0,0,1,.61.13,3.868,3.868,0,0,1,.7.39l3.31,2.35a1.517,1.517,0,0,1,.55.64A2.052,2.052,0,0,1,19.97,16.33Z" fill="none" stroke="#fff" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M3.5,3.5A3.965,3.965,0,0,0,2.33,1.23,3.416,3.416,0,0,0,0,0" transform="translate(13 3.5)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M3.5,3.5A3.965,3.965,0,0,0,2.33,1.23,3.416,3.416,0,0,0,0,0" transform="translate(13 3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M7,7A7,7,0,0,0,0,0" transform="translate(13)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-3" data-name="Vector" d="M7,7A7,7,0,0,0,0,0" transform="translate(13)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g> </g>
<path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="21.431" height="21.431" viewBox="0 0 21.431 21.431"> <svg xmlns="http://www.w3.org/2000/svg" width="21.431" height="21.431" viewBox="0 0 21.431 21.431">
<g id="Group_1" data-name="Group 1" transform="translate(0.75 0.75)"> <g id="Group_1" data-name="Group 1" transform="translate(0.75 0.75)">
<path id="Vector" d="M19.931,12.955V6.976C19.931,1.993,17.938,0,12.955,0H6.976C1.993,0,0,1.993,0,6.976v5.979c0,4.983,1.993,6.976,6.976,6.976h5.979C17.938,19.931,19.931,17.938,19.931,12.955Z" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M19.931,12.955V6.976C19.931,1.993,17.938,0,12.955,0H6.976C1.993,0,0,1.993,0,6.976v5.979c0,4.983,1.993,6.976,6.976,6.976h5.979C17.938,19.931,19.931,17.938,19.931,12.955Z" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M0,2.776,2.776,5.552,8.314,0" transform="translate(5.808 7.19)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M0,2.776,2.776,5.552,8.314,0" transform="translate(5.808 7.19)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 691 B

After

Width:  |  Height:  |  Size: 691 B

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="21.431" height="21.431" viewBox="0 0 21.431 21.431"> <svg xmlns="http://www.w3.org/2000/svg" width="21.431" height="21.431" viewBox="0 0 21.431 21.431">
<g id="Group_1" data-name="Group 1" transform="translate(0.75 0.75)"> <g id="Group_1" data-name="Group 1" transform="translate(0.75 0.75)">
<path id="Vector" d="M19.931,12.955V6.976C19.931,1.993,17.938,0,12.955,0H6.976C1.993,0,0,1.993,0,6.976v5.979c0,4.983,1.993,6.976,6.976,6.976h5.979C17.938,19.931,19.931,17.938,19.931,12.955Z" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M19.931,12.955V6.976C19.931,1.993,17.938,0,12.955,0H6.976C1.993,0,0,1.993,0,6.976v5.979c0,4.983,1.993,6.976,6.976,6.976h5.979C17.938,19.931,19.931,17.938,19.931,12.955Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M0,2.776,2.776,5.552,8.314,0" transform="translate(5.808 7.19)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M0,2.776,2.776,5.552,8.314,0" transform="translate(5.808 7.19)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 691 B

After

Width:  |  Height:  |  Size: 685 B

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="21.135" viewBox="0 0 22.879 21.135">
<defs>
<style>.a{fill:#37a865;}</style>
</defs>
<g transform="translate(-982.01 -1244.904)">
<g transform="translate(982.01 1244.904)">
<path class="a" d="M985.2,1266.039h-.13a3.239,3.239,0,0,1-.794-.145l-.255-.092a3.306,3.306,0,0,1-1.8-4.188l.074-.2,8.321-14.811a3.211,3.211,0,0,1,4.4-1.288,3.26,3.26,0,0,1,1.157,1.1l.1.178,8.376,14.916a3.315,3.315,0,0,1-.537,3.374,3.269,3.269,0,0,1-2.138,1.138l-.2.016Zm16.529-1.745a1.538,1.538,0,0,0,1.442-1.621,2.037,2.037,0,0,0-.036-.288l-.025-.116-8.333-14.822a1.508,1.508,0,0,0-2.069-.6h0a1.486,1.486,0,0,0-.5.465l-.094.152-8.278,14.706a1.532,1.532,0,0,0,1.163,2.107l.172.02h.036Zm-9.142-3.955a.872.872,0,0,1,.858-.879.861.861,0,0,1,.859.862v.017a.858.858,0,1,1-1.717,0Zm0-3.225-.007-.116v-3.6a.858.858,0,0,1,1.709-.116l.007.116V1257a.858.858,0,0,1-1.709.116Z" transform="translate(-982.01 -1244.904)"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 987 B

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="21.135" viewBox="0 0 22.879 21.135">
<defs>
<style>.a{fill:#ffffff;}</style>
</defs>
<g transform="translate(-982.01 -1244.904)">
<g transform="translate(982.01 1244.904)">
<path class="a" d="M985.2,1266.039h-.13a3.239,3.239,0,0,1-.794-.145l-.255-.092a3.306,3.306,0,0,1-1.8-4.188l.074-.2,8.321-14.811a3.211,3.211,0,0,1,4.4-1.288,3.26,3.26,0,0,1,1.157,1.1l.1.178,8.376,14.916a3.315,3.315,0,0,1-.537,3.374,3.269,3.269,0,0,1-2.138,1.138l-.2.016Zm16.529-1.745a1.538,1.538,0,0,0,1.442-1.621,2.037,2.037,0,0,0-.036-.288l-.025-.116-8.333-14.822a1.508,1.508,0,0,0-2.069-.6h0a1.486,1.486,0,0,0-.5.465l-.094.152-8.278,14.706a1.532,1.532,0,0,0,1.163,2.107l.172.02h.036Zm-9.142-3.955a.872.872,0,0,1,.858-.879.861.861,0,0,1,.859.862v.017a.858.858,0,1,1-1.717,0Zm0-3.225-.007-.116v-3.6a.858.858,0,0,1,1.709-.116l.007.116V1257a.858.858,0,0,1-1.709.116Z" transform="translate(-982.01 -1244.904)"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 987 B

Before

Width:  |  Height:  |  Size: 641 B

After

Width:  |  Height:  |  Size: 641 B

Before

Width:  |  Height:  |  Size: 981 B

After

Width:  |  Height:  |  Size: 981 B

@ -1,6 +1,6 @@
<svg id="vuesax_linear_arrow-down" data-name="vuesax/linear/arrow-down" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"> <svg id="vuesax_linear_arrow-down" data-name="vuesax/linear/arrow-down" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
<g id="arrow-down"> <g id="arrow-down">
<path id="Vector" d="M15.84,0,9.32,6.52a1.986,1.986,0,0,1-2.8,0L0,0" transform="translate(4.08 8.95)" fill="none" stroke="rgb(19, 123, 79)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> <path id="Vector" d="M15.84,0,9.32,6.52a1.986,1.986,0,0,1-2.8,0L0,0" transform="translate(4.08 8.95)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-2" data-name="Vector" d="M0,0H24V24H0Z" transform="translate(24 24) rotate(180)" fill="none" opacity="0"/> <path id="Vector-2" data-name="Vector" d="M0,0H24V24H0Z" transform="translate(24 24) rotate(180)" fill="none" opacity="0"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 525 B

After

Width:  |  Height:  |  Size: 516 B

@ -1,6 +1,6 @@
<svg id="logout" xmlns="http://www.w3.org/2000/svg" width="24.545" height="24.545" viewBox="0 0 24.545 24.545"> <svg id="logout" xmlns="http://www.w3.org/2000/svg" width="24.545" height="24.545" viewBox="0 0 24.545 24.545">
<path id="Vector" d="M0,5.185C.317,1.5,2.209,0,6.351,0h.133c4.571,0,6.4,1.831,6.4,6.4V13.07c0,4.571-1.831,6.4-6.4,6.4H6.351c-4.111,0-6-1.483-6.341-5.1" transform="translate(9.102 2.547)" fill="none" stroke="37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/> <path id="Vector" d="M0,5.185C.317,1.5,2.209,0,6.351,0h.133c4.571,0,6.4,1.831,6.4,6.4V13.07c0,4.571-1.831,6.4-6.4,6.4H6.351c-4.111,0-6-1.483-6.341-5.1" transform="translate(9.102 2.547)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M11.638,0H0" transform="translate(3.702 12.272)" fill="none" stroke="37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/> <path id="Vector-2" data-name="Vector" d="M11.638,0H0" transform="translate(3.702 12.272)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M3.426,0,0,3.426,3.426,6.852" transform="translate(2.557 8.846)" fill="none" stroke="37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/> <path id="Vector-3" data-name="Vector" d="M3.426,0,0,3.426,3.426,6.852" transform="translate(2.557 8.846)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-4" data-name="Vector" d="M0,0H24.545V24.545H0Z" transform="translate(24.545 24.545) rotate(180)" fill="none" opacity="0"/> <path id="Vector-4" data-name="Vector" d="M0,0H24.545V24.545H0Z" transform="translate(24.545 24.545) rotate(180)" fill="none" opacity="0"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 940 B

After

Width:  |  Height:  |  Size: 943 B

@ -0,0 +1,6 @@
<svg id="logout" xmlns="http://www.w3.org/2000/svg" width="24.545" height="24.545" viewBox="0 0 24.545 24.545">
<path id="Vector" d="M0,5.185C.317,1.5,2.209,0,6.351,0h.133c4.571,0,6.4,1.831,6.4,6.4V13.07c0,4.571-1.831,6.4-6.4,6.4H6.351c-4.111,0-6-1.483-6.341-5.1" transform="translate(9.102 2.547)" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/>
<path id="Vector-2" data-name="Vector" d="M11.638,0H0" transform="translate(3.702 12.272)" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/>
<path id="Vector-3" data-name="Vector" d="M3.426,0,0,3.426,3.426,6.852" transform="translate(2.557 8.846)" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"/>
<path id="Vector-4" data-name="Vector" d="M0,0H24.545V24.545H0Z" transform="translate(24.545 24.545) rotate(180)" fill="none" opacity="0"/>
</svg>

After

Width:  |  Height:  |  Size: 937 B

@ -1,7 +1,7 @@
<svg id="vuesax_linear_lamp-on" data-name="vuesax/linear/lamp-on" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_lamp-on" data-name="vuesax/linear/lamp-on" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="lamp-on"> <g id="lamp-on">
<path id="Vector" d="M4.19,16.044v-1.16A8.579,8.579,0,0,1,0,7.9,7.919,7.919,0,0,1,9.69.194a7.784,7.784,0,0,1,5.27,4.07c2.09,4.2-.11,8.66-3.34,10.61v1.16c0,.29.11.96-.96.96H5.15C4.05,17,4.19,16.574,4.19,16.044Z" transform="translate(4.11 1.996)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M4.19,16.044v-1.16A8.579,8.579,0,0,1,0,7.9,7.919,7.919,0,0,1,9.69.194a7.784,7.784,0,0,1,5.27,4.07c2.09,4.2-.11,8.66-3.34,10.61v1.16c0,.29.11.96-.96.96H5.15C4.05,17,4.19,16.574,4.19,16.044Z" transform="translate(4.11 1.996)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M0,.487a12.808,12.808,0,0,1,7,0" transform="translate(8.5 21.512)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M0,.487a12.808,12.808,0,0,1,7,0" transform="translate(8.5 21.512)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-3" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 828 B

After

Width:  |  Height:  |  Size: 828 B

@ -1,7 +1,7 @@
<svg id="vuesax_linear_lamp-on" data-name="vuesax/linear/lamp-on" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_lamp-on" data-name="vuesax/linear/lamp-on" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="lamp-on"> <g id="lamp-on">
<path id="Vector" d="M4.19,16.044v-1.16A8.579,8.579,0,0,1,0,7.9,7.919,7.919,0,0,1,9.69.194a7.784,7.784,0,0,1,5.27,4.07c2.09,4.2-.11,8.66-3.34,10.61v1.16c0,.29.11.96-.96.96H5.15C4.05,17,4.19,16.574,4.19,16.044Z" transform="translate(4.11 1.996)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M4.19,16.044v-1.16A8.579,8.579,0,0,1,0,7.9,7.919,7.919,0,0,1,9.69.194a7.784,7.784,0,0,1,5.27,4.07c2.09,4.2-.11,8.66-3.34,10.61v1.16c0,.29.11.96-.96.96H5.15C4.05,17,4.19,16.574,4.19,16.044Z" transform="translate(4.11 1.996)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M0,.487a12.808,12.808,0,0,1,7,0" transform="translate(8.5 21.512)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M0,.487a12.808,12.808,0,0,1,7,0" transform="translate(8.5 21.512)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-3" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 828 B

After

Width:  |  Height:  |  Size: 822 B

@ -0,0 +1,5 @@
<svg id="home-2" xmlns="http://www.w3.org/2000/svg" width="33.58" height="33.579" viewBox="0 0 33.58 33.579">
<path id="Vector" d="M9.822,1.151,2.281,7.027A6.658,6.658,0,0,0,0,11.672V22.04a5.912,5.912,0,0,0,5.89,5.9h16.2a5.909,5.909,0,0,0,5.89-5.89V11.868a6.609,6.609,0,0,0-2.518-4.827L16.818.983A6.278,6.278,0,0,0,9.822,1.151Z" transform="translate(2.798 2.823)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-2" data-name="Vector" d="M0,6.693V0" transform="translate(16.79 18.778)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path id="Vector-3" data-name="Vector" d="M0,0H33.58V33.579H0Z" fill="none" opacity="0"/>
</svg>

After

Width:  |  Height:  |  Size: 741 B

Before

Width:  |  Height:  |  Size: 967 B

After

Width:  |  Height:  |  Size: 967 B

Before

Width:  |  Height:  |  Size: 728 B

After

Width:  |  Height:  |  Size: 728 B

@ -1,10 +1,10 @@
<svg id="vuesax_linear_ranking" data-name="vuesax/linear/ranking" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_ranking" data-name="vuesax/linear/ranking" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="ranking"> <g id="ranking">
<path id="Vector" d="M6.67,0H2A2.006,2.006,0,0,0,0,2V8H6.67Z" transform="translate(2 14)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M6.67,0H2A2.006,2.006,0,0,0,0,2V8H6.67Z" transform="translate(2 14)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M4.67,0H2A2.006,2.006,0,0,0,0,2V12H6.67V2A2,2,0,0,0,4.67,0Z" transform="translate(8.66 10)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M4.67,0H2A2.006,2.006,0,0,0,0,2V12H6.67V2A2,2,0,0,0,4.67,0Z" transform="translate(8.66 10)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M4.67,0H0V5H6.67V2A2.006,2.006,0,0,0,4.67,0Z" transform="translate(15.33 17)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-3" data-name="Vector" d="M4.67,0H0V5H6.67V2A2.006,2.006,0,0,0,4.67,0Z" transform="translate(15.33 17)" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<g id="Group" transform="translate(8.994 1.644)"> <g id="Group" transform="translate(8.994 1.644)">
<path id="Vector-4" data-name="Vector" d="M3.526.426l.53,1.06a.6.6,0,0,0,.42.31l.96.16c.61.1.76.55.32.98l-.75.75a.639.639,0,0,0-.16.54l.21.92c.17.73-.22,1.01-.86.63l-.9-.53a.618.618,0,0,0-.59,0l-.9.53c-.64.38-1.03.1-.86-.63l.21-.92A.63.63,0,0,0,1,3.686l-.74-.74c-.44-.44-.3-.88.32-.98l.96-.16a.666.666,0,0,0,.42-.31l.53-1.06C2.776-.144,3.236-.144,3.526.426Z" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-4" data-name="Vector" d="M3.526.426l.53,1.06a.6.6,0,0,0,.42.31l.96.16c.61.1.76.55.32.98l-.75.75a.639.639,0,0,0-.16.54l.21.92c.17.73-.22,1.01-.86.63l-.9-.53a.618.618,0,0,0-.59,0l-.9.53c-.64.38-1.03.1-.86-.63l.21-.92A.63.63,0,0,0,1,3.686l-.74-.74c-.44-.44-.3-.88.32-.98l.96-.16a.666.666,0,0,0,.42-.31l.53-1.06C2.776-.144,3.236-.144,3.526.426Z" fill="none" stroke="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g> </g>
<path id="Vector-5" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-5" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

@ -1,10 +1,10 @@
<svg id="vuesax_linear_ranking" data-name="vuesax/linear/ranking" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg id="vuesax_linear_ranking" data-name="vuesax/linear/ranking" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="ranking"> <g id="ranking">
<path id="Vector" d="M6.67,0H2A2.006,2.006,0,0,0,0,2V8H6.67Z" transform="translate(2 14)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector" d="M6.67,0H2A2.006,2.006,0,0,0,0,2V8H6.67Z" transform="translate(2 14)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M4.67,0H2A2.006,2.006,0,0,0,0,2V12H6.67V2A2,2,0,0,0,4.67,0Z" transform="translate(8.66 10)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-2" data-name="Vector" d="M4.67,0H2A2.006,2.006,0,0,0,0,2V12H6.67V2A2,2,0,0,0,4.67,0Z" transform="translate(8.66 10)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M4.67,0H0V5H6.67V2A2.006,2.006,0,0,0,4.67,0Z" transform="translate(15.33 17)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-3" data-name="Vector" d="M4.67,0H0V5H6.67V2A2.006,2.006,0,0,0,4.67,0Z" transform="translate(15.33 17)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<g id="Group" transform="translate(8.994 1.644)"> <g id="Group" transform="translate(8.994 1.644)">
<path id="Vector-4" data-name="Vector" d="M3.526.426l.53,1.06a.6.6,0,0,0,.42.31l.96.16c.61.1.76.55.32.98l-.75.75a.639.639,0,0,0-.16.54l.21.92c.17.73-.22,1.01-.86.63l-.9-.53a.618.618,0,0,0-.59,0l-.9.53c-.64.38-1.03.1-.86-.63l.21-.92A.63.63,0,0,0,1,3.686l-.74-.74c-.44-.44-.3-.88.32-.98l.96-.16a.666.666,0,0,0,.42-.31l.53-1.06C2.776-.144,3.236-.144,3.526.426Z" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> <path id="Vector-4" data-name="Vector" d="M3.526.426l.53,1.06a.6.6,0,0,0,.42.31l.96.16c.61.1.76.55.32.98l-.75.75a.639.639,0,0,0-.16.54l.21.92c.17.73-.22,1.01-.86.63l-.9-.53a.618.618,0,0,0-.59,0l-.9.53c-.64.38-1.03.1-.86-.63l.21-.92A.63.63,0,0,0,1,3.686l-.74-.74c-.44-.44-.3-.88.32-.98l.96-.16a.666.666,0,0,0,.42-.31l.53-1.06C2.776-.144,3.236-.144,3.526.426Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</g> </g>
<path id="Vector-5" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/> <path id="Vector-5" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g> </g>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Before

Width:  |  Height:  |  Size: 277 B

After

Width:  |  Height:  |  Size: 277 B

Before

Width:  |  Height:  |  Size: 829 B

After

Width:  |  Height:  |  Size: 829 B

Before

Width:  |  Height:  |  Size: 776 B

After

Width:  |  Height:  |  Size: 776 B

@ -3,7 +3,7 @@ import React from "react";
function Avatar({ source, size = 20, status }) { function Avatar({ source, size = 20, status }) {
return ( return (
<div <div
className={`rounded-full flex justify-center items-center overflow-hidden bg-gray-300 relative`} className={`rounded-full flex justify-center items-center overflow-hidden bg-gray-300 dark:bg-opacity-30 relative`}
style={{ style={{
width: size, width: size,
height: size, height: size,

@ -31,6 +31,7 @@ export const BottomNavigation = ({ isDark, user }) => {
</NavLink> </NavLink>
); );
}; };
const pages = React.useMemo(() => { const pages = React.useMemo(() => {
return [ return [
{ {

@ -38,7 +38,3 @@ export default function Button({
</button> </button>
); );
} }
Button.defaultProps = {
color: "",
};

@ -1,11 +1,10 @@
import React, { useMemo, useEffect, useState } from "react"; import React, { useMemo, useEffect, useState } from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
import userImage from "./user.svg";
import positiveIcon from "./positive.svg";
import negativeIcon from "./negative.svg";
import Avatar from "../Avatar";
import moment from "jalali-moment"; import moment from "jalali-moment";
//components
import StarRating from "../StarRating"; import StarRating from "../StarRating";
import Avatar from "../Avatar";
export const Comments = ({ comments, indent }) => { export const Comments = ({ comments, indent }) => {
const [list, setList] = useState([]); const [list, setList] = useState([]);
@ -76,17 +75,24 @@ export const Comments = ({ comments, indent }) => {
<header className="w-full flex justify-between items-center"> <header className="w-full flex justify-between items-center">
<div>&nbsp;</div> <div>&nbsp;</div>
<div className="flex items-center"> <div className="flex items-center">
{comment?.status === true && ( {comment?.status ? (
<> <>
<img src={positiveIcon} alt="" className="w-6 ml-2" /> <img
src="/assets/icons/positive.svg"
alt=""
className="w-6 ml-2"
/>
<span className="text-sm"> <span className="text-sm">
{window.t("برای خرید توصیه میکنم")} {window.t("برای خرید توصیه میکنم")}
</span> </span>
</> </>
)} ) : (
{comment?.status === false && (
<> <>
<img src={negativeIcon} alt="" className="w-6 ml-2" /> <img
src="/assets/icons/negative.svg"
alt=""
className="w-6 ml-2"
/>
<span className="text-sm text-black"> <span className="text-sm text-black">
{window.t("بازگشت بی چون و برای خرید توصیه نمیکنم")} {window.t("بازگشت بی چون و برای خرید توصیه نمیکنم")}
</span> </span>
@ -102,13 +108,13 @@ export const Comments = ({ comments, indent }) => {
</div> </div>
</div> </div>
</div> </div>
{indent && ( {indent ? (
<div className="flex pr-12"> <div className="flex pr-12">
{comment?.childs?.map((object, index) => ( {comment?.childs?.map((object, index) => (
<Comment comment={object} key={index} /> <Comment comment={object} key={index} />
))} ))}
</div> </div>
)} ) : null}
</div> </div>
); );
}; };

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 119 KiB

@ -1,8 +1,5 @@
import React, { useState } from "react"; import React, { useState } from "react";
import blackDisLikeIcon from "./black-dislike-icon.svg";
import blackLikeIcon from "./black-like-icon.svg";
const Counter = ({ incrementIcon, decrementIcon, flex, value }) => { const Counter = ({ incrementIcon, decrementIcon, flex, value }) => {
const [count, setCount] = useState(value); const [count, setCount] = useState(value);
@ -33,8 +30,8 @@ const Counter = ({ incrementIcon, decrementIcon, flex, value }) => {
export default Counter; export default Counter;
Counter.defaultProps = { Counter.defaultProps = {
incrementIcon: blackLikeIcon, incrementIcon: '/assets/icons/like-finger.svg',
decrementIcon: blackDisLikeIcon, decrementIcon: '/assets/icons/dislike-finger.svg',
flex: "flex-col", flex: "flex-col",
value: 0 value: 0
}; };

@ -2,18 +2,19 @@ import React from "react";
const Design2D = ({ array }) => { const Design2D = ({ array }) => {
return ( return (
<section className="flex items-center justify-around" <section
style={{height: '420px'}} className="flex items-center justify-around"
style={{ height: "420px" }}
> >
{array.map((item, index) => ( {array.map((item, index) => (
<div <div
className={`flex flex-col justify-center h-full`} className={`flex flex-col justify-center h-full`}
style={{ flex: item.flex, style={{
flex: item.flex,
// display:'-webkit-box', // display:'-webkit-box',
// display:'flex', // display:'flex',
// maxHeight: '400px', // maxHeight: '400px',
// minHeight: '400px' // minHeight: '400px'
}} }}
key={index} key={index}
> >
@ -23,13 +24,14 @@ const Design2D = ({ array }) => {
style={{ flex: item1.flex }} style={{ flex: item1.flex }}
key={index} key={index}
> >
<div className="bg-gray-200 w-full h-full flex items-center rounded-xl justify-center" <div
style={{ className="bg-gray-200 w-full h-full flex items-center rounded-xl justify-center"
backgroundImage: `url(${item1.image})`, style={{
backgroundSize: 'cover', backgroundImage: `url(${item1.image})`,
backgroundRepeat: 'no-repeat', backgroundSize: "cover",
backgroundPosition: 'center' backgroundRepeat: "no-repeat",
}} backgroundPosition: "center",
}}
> >
{/* <p>inside div</p> */} {/* <p>inside div</p> */}
{/* <img src={item1.image} className=' rounded-xl' style={{ {/* <img src={item1.image} className=' rounded-xl' style={{
@ -65,6 +67,5 @@ Design2D.defaultProps = {
flex: 3, flex: 3,
items: [{ bg: "bg-green-500", flex: 1 }], items: [{ bg: "bg-green-500", flex: 1 }],
}, },
], ],
}; };

@ -1,7 +0,0 @@
<svg id="vuesax_linear_home-2" data-name="vuesax/linear/home-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="home-2">
<path id="Vector" d="M7.02.823l-5.39,4.2A4.759,4.759,0,0,0,0,8.343v7.41a4.225,4.225,0,0,0,4.21,4.22H15.79A4.223,4.223,0,0,0,20,15.763V8.483a4.723,4.723,0,0,0-1.8-3.45L12.02.7A4.487,4.487,0,0,0,7.02.823Z" transform="translate(2 2.017)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M0,3V0" transform="translate(12 14.99)" fill="none" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 788 B

@ -1,7 +0,0 @@
<svg id="vuesax_linear_home-2" data-name="vuesax/linear/home-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g id="home-2">
<path id="Vector" d="M7.02.823l-5.39,4.2A4.759,4.759,0,0,0,0,8.343v7.41a4.225,4.225,0,0,0,4.21,4.22H15.79A4.223,4.223,0,0,0,20,15.763V8.483a4.723,4.723,0,0,0-1.8-3.45L12.02.7A4.487,4.487,0,0,0,7.02.823Z" transform="translate(2 2.017)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-2" data-name="Vector" d="M0,3V0" transform="translate(12 14.99)" fill="none" stroke="#292d32" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
<path id="Vector-3" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 788 B

@ -2,34 +2,10 @@ import React, { useState } from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { publicApi, dialog, user } from "../../redux/actions"; import { publicApi, dialog, user } from "../../redux/actions";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import Drawer from "react-modern-drawer";
//assets
import homeIcon from "./home.svg";
import homeDarkIcon from "./home-dark.svg";
import logoutIcon from "./logout.svg";
import logoutDarkIcon from "./logout-dark.svg";
import dangerIcon from "./mobile-danger.svg";
// import dangerDarkIcon from "./mobile-danger-dark.svg";
import activationIcon from "./activation.svg";
import activationDarkIcon from "./activation-dark.svg";
import contactIcon from "./contact.svg";
import contactDarkIcon from "./contact-dark.svg";
import ordersIcon from "./orders.svg";
import ordersDarkIcon from "./orders-dark.svg";
import arIcon from "./AR.svg";
import arDarkIcon from "./AR-dark.svg";
import cartIcon from "./mobile-basket.svg";
import cartDarkIcon from "./mobile-basket-dark.svg";
import faqIcon from "./faq.svg";
import faqDarkIcon from "./faq-dark.svg";
// import arrowLeftVideo from "../../assets/icons/dropdown-white.svg";
import sunIcon from "./sun.svg";
import moonIcon from "./moon.svg";
//components //components
import Avatar from "../../components/Avatar"; import Avatar from "../../components/Avatar";
import Drawer from "react-modern-drawer";
const MyDrawer = ({ const MyDrawer = ({
setDrawerOpen, setDrawerOpen,
@ -49,8 +25,12 @@ const MyDrawer = ({
link: "/", link: "/",
icon: ( icon: (
<img <img
src={isDark ? homeDarkIcon : homeIcon} src={
className="opacity-50" isDark
? "/assets/icons/home-white.svg"
: "/assets/icons/home-primary.svg"
}
className="w-7"
alt={window.t("صفحه اصلی")} alt={window.t("صفحه اصلی")}
/> />
), ),
@ -65,8 +45,12 @@ const MyDrawer = ({
link: "/cart", link: "/cart",
icon: ( icon: (
<img <img
src={isDark ? cartDarkIcon : cartIcon} src={
className="opacity-50" isDark
? "/assets/icons/bag-white.svg"
: "/assets/icons/bag-primary.svg"
}
className="w-7"
alt={window.t("سبد خرید")} alt={window.t("سبد خرید")}
/> />
), ),
@ -81,8 +65,12 @@ const MyDrawer = ({
link: "/activation", link: "/activation",
icon: ( icon: (
<img <img
src={isDark ? activationDarkIcon : activationIcon} src={
className="opacity-50" isDark
? "/assets/icons/check-white.svg"
: "/assets/icons/check-primary.svg"
}
className="w-7"
alt={window.t("فعال سازی کتاب")} alt={window.t("فعال سازی کتاب")}
/> />
), ),
@ -97,8 +85,12 @@ const MyDrawer = ({
link: "/ar", link: "/ar",
icon: ( icon: (
<img <img
src={isDark ? arDarkIcon : arIcon} src={
className="opacity-50" isDark
? "/assets/icons/ar-white.svg"
: "/assets/icons/ar-primary.svg"
}
className="w-7"
alt={window.t("واقعیت افزوده")} alt={window.t("واقعیت افزوده")}
/> />
), ),
@ -113,8 +105,12 @@ const MyDrawer = ({
link: "/orders", link: "/orders",
icon: ( icon: (
<img <img
src={isDark ? ordersDarkIcon : ordersIcon} src={
className="opacity-50" isDark
? "/assets/icons/orders-white.svg"
: "/assets/icons/orders-primary.svg"
}
className="w-7"
alt={window.t("سفارشات")} alt={window.t("سفارشات")}
/> />
), ),
@ -129,8 +125,12 @@ const MyDrawer = ({
link: "/faq", link: "/faq",
icon: ( icon: (
<img <img
src={isDark ? faqDarkIcon : faqIcon} src={
className="opacity-50" isDark
? "/assets/icons/faq-white.svg"
: "/assets/icons/faq-primary.svg"
}
className="w-7"
alt={window.t("سوالات متداول")} alt={window.t("سوالات متداول")}
/> />
), ),
@ -145,8 +145,12 @@ const MyDrawer = ({
link: "/contact", link: "/contact",
icon: ( icon: (
<img <img
src={isDark ? contactDarkIcon : contactIcon} src={
className="opacity-50" isDark
? "/assets/icons/call-white.svg"
: "/assets/icons/call-primary.svg"
}
className="w-7"
alt={window.t("پشتیبانی")} alt={window.t("پشتیبانی")}
/> />
), ),
@ -161,8 +165,12 @@ const MyDrawer = ({
link: "/", link: "/",
icon: ( icon: (
<img <img
src={isDark ? logoutDarkIcon : logoutIcon} src={
className="opacity-50" isDark
? "/assets/icons/exit-white.svg"
: "/assets/icons/exit-primary.svg"
}
className="w-7"
alt={window.t("خروج از حساب کاربری")} alt={window.t("خروج از حساب کاربری")}
/> />
), ),
@ -181,7 +189,7 @@ const MyDrawer = ({
}, },
}, },
]; ];
},[isDark, user]); }, [isDark, user]);
const publicLink = React.useMemo(() => { const publicLink = React.useMemo(() => {
return [ return [
@ -190,8 +198,12 @@ const MyDrawer = ({
link: "/", link: "/",
icon: ( icon: (
<img <img
src={homeIcon} src={
className="opacity-50 dark:bg-white" isDark
? "/assets/icons/home-white.svg"
: "/assets/icons/home-primary.svg"
}
className="w-7"
alt={window.t("صفحه اصلی")} alt={window.t("صفحه اصلی")}
/> />
), ),
@ -203,8 +215,12 @@ const MyDrawer = ({
link: "/signup", link: "/signup",
icon: ( icon: (
<img <img
src={logoutIcon} src={
className="opacity-50 dark:bg-white" isDark
? "/assets/icons/user-white.svg"
: "/assets/icons/user-primary.svg"
}
className="w-7"
alt={window.t("کتابهای من")} alt={window.t("کتابهای من")}
/> />
), ),
@ -216,8 +232,12 @@ const MyDrawer = ({
link: "/contact-us", link: "/contact-us",
icon: ( icon: (
<img <img
src={dangerIcon} src={
className="opacity-50 dark:bg-white" isDark
? "/assets/icons/danger-white.svg"
: "/assets/icons/danger-primary.svg"
}
className="w-7"
alt={window.t("پشتیبانی")} alt={window.t("پشتیبانی")}
/> />
), ),
@ -225,7 +245,7 @@ const MyDrawer = ({
message: "", message: "",
}, },
]; ];
},[isDark, user]); }, [isDark, user]);
return ( return (
<Drawer <Drawer
@ -247,7 +267,11 @@ const MyDrawer = ({
<div className="flex justify-between"> <div className="flex justify-between">
<Avatar size={70} rounded={true} /> <Avatar size={70} rounded={true} />
<img <img
src={isDark ? sunIcon : moonIcon} src={
isDark
? "/assets/icons/sun.svg"
: "/assets/icons/dark-white.svg"
}
className="w-8" className="w-8"
alt="" alt=""
onClick={() => changeDarkMode(!isDark)} onClick={() => changeDarkMode(!isDark)}
@ -282,7 +306,7 @@ const MyDrawer = ({
<Link to={item.link} key={key} onClick={() => item.onClick()}> <Link to={item.link} key={key} onClick={() => item.onClick()}>
<div className="flex items-center"> <div className="flex items-center">
{item.icon} {item.icon}
<div className="text-gray70 text-tiny mr-5 dark:text-white"> <div className="text-gray1 text-base mr-3 dark:text-white">
{item.name} {item.name}
</div> </div>
{item.message && <div className="badge">{item.message}</div>} {item.message && <div className="badge">{item.message}</div>}

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="22.288" viewBox="0 0 22.879 22.288"><defs><style>.a{fill:#ffffff;}</style></defs><g transform="translate(-982.022 -1291.926)"><g transform="translate(982.022 1291.926)"><path class="a" d="M999.959,1314.214a4.943,4.943,0,0,0,4.941-4.711v-12.635a4.944,4.944,0,0,0-4.71-4.943h-5.665a4.943,4.943,0,0,0-4.938,4.709v1.272a.836.836,0,0,0,1.664.111l.008-.111v-1.039a3.271,3.271,0,0,1,3.073-3.271h5.626a3.271,3.271,0,0,1,3.27,3.078v12.6a3.27,3.27,0,0,1-3.077,3.271l-.193.006h-5.444a3.26,3.26,0,0,1-3.254-3.067v-1.242a.837.837,0,0,0-1.665-.111l-.007.111v1.051a4.933,4.933,0,0,0,4.686,4.925h5.683Zm-13.255-7.305a.836.836,0,0,0,.078-1.089l-.08-.095-1.828-1.821h11.394a.836.836,0,0,0,.111-1.664l-.111-.007h-11.4l1.83-1.82a.836.836,0,0,0,.085-1.089l-.081-.095a.836.836,0,0,0-1.088-.083l-.094.08-3.264,3.248a.832.832,0,0,0-.238.486h0v.019h0v.02h0v.064h0v.017h0v.066a.817.817,0,0,0,.081.281h0l.007.015.007.011h0l.009.016h0l.009.014h0l.01.016h0l.009.013h0l.008.012h0l.008.01h0a.851.851,0,0,0,.1.111l3.244,3.232a.834.834,0,0,0,1.18,0h0Z" transform="translate(-982.022 -1291.926)"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="22.288" viewBox="0 0 22.879 22.288"><defs><style>.a{fill:#4d4d4f;}</style></defs><g transform="translate(-982.022 -1291.926)"><g transform="translate(982.022 1291.926)"><path class="a" d="M999.959,1314.214a4.943,4.943,0,0,0,4.941-4.711v-12.635a4.944,4.944,0,0,0-4.71-4.943h-5.665a4.943,4.943,0,0,0-4.938,4.709v1.272a.836.836,0,0,0,1.664.111l.008-.111v-1.039a3.271,3.271,0,0,1,3.073-3.271h5.626a3.271,3.271,0,0,1,3.27,3.078v12.6a3.27,3.27,0,0,1-3.077,3.271l-.193.006h-5.444a3.26,3.26,0,0,1-3.254-3.067v-1.242a.837.837,0,0,0-1.665-.111l-.007.111v1.051a4.933,4.933,0,0,0,4.686,4.925h5.683Zm-13.255-7.305a.836.836,0,0,0,.078-1.089l-.08-.095-1.828-1.821h11.394a.836.836,0,0,0,.111-1.664l-.111-.007h-11.4l1.83-1.82a.836.836,0,0,0,.085-1.089l-.081-.095a.836.836,0,0,0-1.088-.083l-.094.08-3.264,3.248a.832.832,0,0,0-.238.486h0v.019h0v.02h0v.064h0v.017h0v.066a.817.817,0,0,0,.081.281h0l.007.015.007.011h0l.009.016h0l.009.014h0l.01.016h0l.009.013h0l.008.012h0l.008.01h0a.851.851,0,0,0,.1.111l3.244,3.232a.834.834,0,0,0,1.18,0h0Z" transform="translate(-982.022 -1291.926)"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="22.421" viewBox="0 0 22.879 22.421"><defs><style>.a{fill:#ffffff;}</style></defs><g transform="translate(0 0)"><path class="a" d="M855.342,1265.093a1.733,1.733,0,1,1,1.734,1.732h0A1.734,1.734,0,0,1,855.342,1265.093Zm-12.87,0a1.732,1.732,0,1,1,1.732,1.732A1.732,1.732,0,0,1,842.472,1265.093Zm1.923-3.546a2.938,2.938,0,0,1-2.888-2.489l-.022-.188-1.045-12.469-1.727-.293a.86.86,0,0,1-.711-.876l.011-.115a.856.856,0,0,1,.846-.714h.031l.114.011,2.379.412a.858.858,0,0,1,.686.647l.021.127.269,3.2h16.129a2.368,2.368,0,0,1,1.751.762,2.4,2.4,0,0,1,.634,1.8l-.018.173-1.086,7.508a2.933,2.933,0,0,1-2.7,2.5l-.188.006Zm-1.2-2.82a1.207,1.207,0,0,0,1.067,1.1l.133.007h12.48a1.205,1.205,0,0,0,1.166-.9l.026-.134,1.087-7.5a.677.677,0,0,0-.572-.765l-.1-.008H842.5Zm8.677-3.976a.858.858,0,0,1-.114-1.708l.114-.008h3.173a.859.859,0,0,1,.114,1.709l-.114.007Z" transform="translate(-837.999 -1244.404)"/></g></svg>

Before

Width:  |  Height:  |  Size: 957 B

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="22.421" viewBox="0 0 22.879 22.421"><defs><style>.a{fill:#4d4d4f;}</style></defs><g transform="translate(0 0)"><path class="a" d="M855.342,1265.093a1.733,1.733,0,1,1,1.734,1.732h0A1.734,1.734,0,0,1,855.342,1265.093Zm-12.87,0a1.732,1.732,0,1,1,1.732,1.732A1.732,1.732,0,0,1,842.472,1265.093Zm1.923-3.546a2.938,2.938,0,0,1-2.888-2.489l-.022-.188-1.045-12.469-1.727-.293a.86.86,0,0,1-.711-.876l.011-.115a.856.856,0,0,1,.846-.714h.031l.114.011,2.379.412a.858.858,0,0,1,.686.647l.021.127.269,3.2h16.129a2.368,2.368,0,0,1,1.751.762,2.4,2.4,0,0,1,.634,1.8l-.018.173-1.086,7.508a2.933,2.933,0,0,1-2.7,2.5l-.188.006Zm-1.2-2.82a1.207,1.207,0,0,0,1.067,1.1l.133.007h12.48a1.205,1.205,0,0,0,1.166-.9l.026-.134,1.087-7.5a.677.677,0,0,0-.572-.765l-.1-.008H842.5Zm8.677-3.976a.858.858,0,0,1-.114-1.708l.114-.008h3.173a.859.859,0,0,1,.114,1.709l-.114.007Z" transform="translate(-837.999 -1244.404)"/></g></svg>

Before

Width:  |  Height:  |  Size: 957 B

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="21.135" viewBox="0 0 22.879 21.135"><defs><style>.a{fill:#ffffff;}</style></defs><g transform="translate(-982.01 -1244.904)"><g transform="translate(982.01 1244.904)"><path class="a" d="M985.2,1266.039h-.13a3.239,3.239,0,0,1-.794-.145l-.255-.092a3.306,3.306,0,0,1-1.8-4.188l.074-.2,8.321-14.811a3.211,3.211,0,0,1,4.4-1.288,3.26,3.26,0,0,1,1.157,1.1l.1.178,8.376,14.916a3.315,3.315,0,0,1-.537,3.374,3.269,3.269,0,0,1-2.138,1.138l-.2.016Zm16.529-1.745a1.538,1.538,0,0,0,1.442-1.621,2.037,2.037,0,0,0-.036-.288l-.025-.116-8.333-14.822a1.508,1.508,0,0,0-2.069-.6h0a1.486,1.486,0,0,0-.5.465l-.094.152-8.278,14.706a1.532,1.532,0,0,0,1.163,2.107l.172.02h.036Zm-9.142-3.955a.872.872,0,0,1,.858-.879.861.861,0,0,1,.859.862v.017a.858.858,0,1,1-1.717,0Zm0-3.225-.007-.116v-3.6a.858.858,0,0,1,1.709-.116l.007.116V1257a.858.858,0,0,1-1.709.116Z" transform="translate(-982.01 -1244.904)"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 952 B

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="22.879" height="21.135" viewBox="0 0 22.879 21.135"><defs><style>.a{fill:#4d4d4f;}</style></defs><g transform="translate(-982.01 -1244.904)"><g transform="translate(982.01 1244.904)"><path class="a" d="M985.2,1266.039h-.13a3.239,3.239,0,0,1-.794-.145l-.255-.092a3.306,3.306,0,0,1-1.8-4.188l.074-.2,8.321-14.811a3.211,3.211,0,0,1,4.4-1.288,3.26,3.26,0,0,1,1.157,1.1l.1.178,8.376,14.916a3.315,3.315,0,0,1-.537,3.374,3.269,3.269,0,0,1-2.138,1.138l-.2.016Zm16.529-1.745a1.538,1.538,0,0,0,1.442-1.621,2.037,2.037,0,0,0-.036-.288l-.025-.116-8.333-14.822a1.508,1.508,0,0,0-2.069-.6h0a1.486,1.486,0,0,0-.5.465l-.094.152-8.278,14.706a1.532,1.532,0,0,0,1.163,2.107l.172.02h.036Zm-9.142-3.955a.872.872,0,0,1,.858-.879.861.861,0,0,1,.859.862v.017a.858.858,0,1,1-1.717,0Zm0-3.225-.007-.116v-3.6a.858.858,0,0,1,1.709-.116l.007.116V1257a.858.858,0,0,1-1.709.116Z" transform="translate(-982.01 -1244.904)"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 952 B

@ -1,9 +1,6 @@
import React from "react"; import React from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
//assets
import plusIcon from "./plus.svg";
export const FloatingButton = ({ action, position, icon, size }) => { export const FloatingButton = ({ action, position, icon, size }) => {
return ( return (
<button <button
@ -30,6 +27,6 @@ const mapDispatchToProps = {};
export default connect(mapStateToProps, mapDispatchToProps)(FloatingButton); export default connect(mapStateToProps, mapDispatchToProps)(FloatingButton);
FloatingButton.defaultProps = { FloatingButton.defaultProps = {
icon: plusIcon, icon: '/assets/icons/plus-white.svg',
size: 14, size: 14,
}; };

@ -1,7 +1,9 @@
import React from "react"; import React from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { publicApi } from "../../redux/actions"; import { publicApi } from "../../../../redux/actions";
import { toast } from "react-toastify"; import { toast } from "react-toastify";
//style
import "./index.css"; import "./index.css";
const CourseChapter = ({ const CourseChapter = ({
@ -25,6 +27,7 @@ const CourseChapter = ({
(minute.toString().length === 1 ? "0" + minute.toString() : minute) (minute.toString().length === 1 ? "0" + minute.toString() : minute)
); );
}; };
return ( return (
<section <section
className={`bg-transparent lg:bg-green1 bg-opacity-10 lg:bg-opacity-10 lg:shadow-md lg:py-5 lg:pr-5 overflow-hidden flex flex-col rounded-md`} className={`bg-transparent lg:bg-green1 bg-opacity-10 lg:bg-opacity-10 lg:shadow-md lg:py-5 lg:pr-5 overflow-hidden flex flex-col rounded-md`}

@ -1,7 +1,9 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { publicApi } from "../../redux/actions"; import { publicApi } from "../../redux/actions";
import PlayList from "../../components/CourseChapter";
//components
import PlayList from "./components/PlayList";
import JolPlayer from "../../components/JolPlayer"; import JolPlayer from "../../components/JolPlayer";
function VideoDisplay({ function VideoDisplay({

Loading…
Cancel
Save