update 11 files and delete 28 files

public/assets/icons/ar-primary.svg

@@ -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">
   <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-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-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" 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="#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="#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"/>
   </g>
 </svg>

public/assets/icons/ar-white.svg

@@ -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">
   <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-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-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" 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="#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="#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"/>
   </g>
 </svg>

public/assets/icons/call-primary.svg

@@ -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">
   <g id="call-calling">
     <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-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-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" 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="#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="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
     </g>
     <path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
   </g>

public/assets/icons/call-white.svg

@@ -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">
   <g id="call-calling">
     <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-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-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" 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="#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="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
     </g>
     <path id="Vector-4" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
   </g>

public/assets/icons/check-primary.svg

@@ -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">
   <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-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" 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="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
   </g>
 </svg>

public/assets/icons/check-white.svg

@@ -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">
   <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-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" 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="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
   </g>
 </svg>

public/assets/icons/danger-primary.svg

@@ -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>

public/assets/icons/danger-white.svg

@@ -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>

public/assets/icons/dropdown-primary.svg

@@ -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">
   <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"/>
   </g>
 </svg>

public/assets/icons/exit-primary.svg

@@ -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">
-  <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-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-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" 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.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.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"/>
 </svg>

public/assets/icons/exit-white.svg

@@ -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>

public/assets/icons/faq-primary.svg

@@ -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">
   <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-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" 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="#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"/>
   </g>
 </svg>

public/assets/icons/faq-white.svg

@@ -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">
   <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-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" 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="#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"/>
   </g>
 </svg>

public/assets/icons/home-white.svg

@@ -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>

public/assets/icons/orders-primary.svg

@@ -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">
   <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-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-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" 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="#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="#37a865" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
     <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>
     <path id="Vector-5" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
   </g>

public/assets/icons/orders-white.svg

@@ -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">
   <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-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-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" 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="#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="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
     <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>
     <path id="Vector-5" data-name="Vector" d="M0,0H24V24H0Z" fill="none" opacity="0"/>
   </g>

src/components/Avatar/index.js

@@ -3,7 +3,7 @@ import React from "react";
 function Avatar({ source, size = 20, status }) {
   return (
     <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={{
         width: size,
         height: size,

src/components/BottomNavigation/index.js

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

src/components/Button/index.js

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

src/components/Comments/index.js

@@ -1,11 +1,10 @@
 import React, { useMemo, useEffect, useState } from "react";
 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";
+
+//components
 import StarRating from "../StarRating";
+import Avatar from "../Avatar";
 
 export const Comments = ({ comments, indent }) => {
   const [list, setList] = useState([]);
@@ -76,17 +75,24 @@ export const Comments = ({ comments, indent }) => {
             <header className="w-full flex justify-between items-center">
               <div>&nbsp;</div>
               <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">
                       {window.t("برای خرید توصیه می‌کنم")}
                     </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">
                       {window.t("بازگشت بی چون و برای خرید توصیه نمی‌کنم")}
                     </span>
@@ -102,13 +108,13 @@ export const Comments = ({ comments, indent }) => {
             </div>
           </div>
         </div>
-        {indent && (
+        {indent ? (
           <div className="flex pr-12">
             {comment?.childs?.map((object, index) => (
               <Comment comment={object} key={index} />
             ))}
           </div>
-        )}
+        ) : null}
       </div>
     );
   };

src/components/Counter/index.js

@@ -1,8 +1,5 @@
 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 [count, setCount] = useState(value);
 
@@ -33,8 +30,8 @@ const Counter = ({ incrementIcon, decrementIcon, flex, value }) => {
 export default Counter;
 
 Counter.defaultProps = {
-  incrementIcon: blackLikeIcon,
-  decrementIcon: blackDisLikeIcon,
+  incrementIcon: '/assets/icons/like-finger.svg',
+  decrementIcon: '/assets/icons/dislike-finger.svg',
   flex: "flex-col",
   value: 0
 };

src/components/Design2D/index.js

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

src/components/Drawer/home-dark.svg

@@ -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>

src/components/Drawer/home.svg

@@ -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>

src/components/Drawer/index.js

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

src/components/Drawer/logout-dark.svg

@@ -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>

src/components/Drawer/logout.svg

@@ -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>

src/components/Drawer/mobile-basket-dark.svg

@@ -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>

src/components/Drawer/mobile-basket.svg

@@ -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>

src/components/Drawer/mobile-danger-dark.svg

@@ -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>

src/components/Drawer/mobile-danger.svg

@@ -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>

src/components/FloatingButton/index.js

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

src/views/VideoDisplay/components/PlayList/index.js

@@ -1,7 +1,9 @@
 import React from "react";
 import { connect } from "react-redux";
-import { publicApi } from "../../redux/actions";
+import { publicApi } from "../../../../redux/actions";
 import { toast } from "react-toastify";
+
+//style
 import "./index.css";
 
 const CourseChapter = ({
@@ -25,6 +27,7 @@ const CourseChapter = ({
       (minute.toString().length === 1 ? "0" + minute.toString() : minute)
     );
   };
+  
   return (
     <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`}

src/views/VideoDisplay/index.js

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