l-min-components 1.0.507 → 1.0.511

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.507",
+  "version": "1.0.511",
   "type": "module",
   "files": [
     "src/assets",

package/src/assets/adminSvg/alertIcon.jsx

@@ -0,0 +1,64 @@
+import React from "react";
+export const AlertIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M12.0186 3.54688C8.70862 3.54688 6.01862 6.23688 6.01862 9.54688V12.4369C6.01862 13.0469 5.75862 13.9769 5.44862 14.4969L4.29862 16.4069C3.58862 17.5869 4.07862 18.8969 5.37862 19.3369C9.68862 20.7769 14.3386 20.7769 18.6486 19.3369C19.8586 18.9369 20.3886 17.5069 19.7286 16.4069L18.5786 14.4969C18.2786 13.9769 18.0186 13.0469 18.0186 12.4369V9.54688C18.0186 6.24688 15.3186 3.54688 12.0186 3.54688Z"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M13.8719 3.83812C13.5619 3.74812 13.2419 3.67812 12.9119 3.63812C11.9519 3.51812 11.0319 3.58812 10.1719 3.83812C10.4619 3.09812 11.1819 2.57812 12.0219 2.57812C12.8619 2.57812 13.5819 3.09812 13.8719 3.83812Z"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.0195 19.6953C15.0195 21.3453 13.6695 22.6953 12.0195 22.6953C11.1995 22.6953 10.4395 22.3553 9.89953 21.8153C9.35953 21.2753 9.01953 20.5153 9.01953 19.6953"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+  </svg>
+);
+
+export const AlertIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M12.0186 3.54688C8.70862 3.54688 6.01862 6.23688 6.01862 9.54688V12.4369C6.01862 13.0469 5.75862 13.9769 5.44862 14.4969L4.29862 16.4069C3.58862 17.5869 4.07862 18.8969 5.37862 19.3369C9.68862 20.7769 14.3386 20.7769 18.6486 19.3369C19.8586 18.9369 20.3886 17.5069 19.7286 16.4069L18.5786 14.4969C18.2786 13.9769 18.0186 13.0469 18.0186 12.4369V9.54688C18.0186 6.24688 15.3186 3.54688 12.0186 3.54688Z"
+      stroke="#ffffff"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M13.8719 3.83812C13.5619 3.74812 13.2419 3.67812 12.9119 3.63812C11.9519 3.51812 11.0319 3.58812 10.1719 3.83812C10.4619 3.09812 11.1819 2.57812 12.0219 2.57812C12.8619 2.57812 13.5819 3.09812 13.8719 3.83812Z"
+      stroke="#ffffff"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.0195 19.6953C15.0195 21.3453 13.6695 22.6953 12.0195 22.6953C11.1995 22.6953 10.4395 22.3553 9.89953 21.8153C9.35953 21.2753 9.01953 20.5153 9.01953 19.6953"
+      stroke="#ffffff"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+  </svg>
+);

package/src/assets/adminSvg/analyticsIcon.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+export const AnalyticsIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M12 22.6367C6.47715 22.6367 2 18.1596 2 12.6367C2 7.11387 6.47715 2.63672 12 2.63672C17.5228 2.63672 22 7.11387 22 12.6367C21.9939 18.1571 17.5203 22.6307 12 22.6367ZM11 4.69872C7.72604 5.11275 5.04227 7.49461 4.24231 10.6962C3.44234 13.8978 4.69036 17.2621 7.38479 19.1674C10.0792 21.0727 13.6671 21.128 16.419 19.3067L16.319 19.3777L16.413 19.3127L16.472 19.2717L16.536 19.2267L16.552 19.2157L16.561 19.2087L11.433 14.0787C11.1544 13.7952 10.9988 13.4132 11 13.0157V4.69872ZM13.829 13.6367L18.056 17.8637L18.063 17.8557L18.068 17.8497L18.058 17.8607C19.0896 16.6703 19.744 15.2 19.938 13.6367H13.829ZM13 4.69872V11.6367H19.938C19.4815 8.01083 16.6259 5.15523 13 4.69872Z"
+      fill="#636666"
+    />
+  </svg>
+);
+
+export const AnalyticsIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M12 22.6367C6.47715 22.6367 2 18.1596 2 12.6367C2 7.11387 6.47715 2.63672 12 2.63672C17.5228 2.63672 22 7.11387 22 12.6367C21.9939 18.1571 17.5203 22.6307 12 22.6367ZM11 4.69872C7.72604 5.11275 5.04227 7.49461 4.24231 10.6962C3.44234 13.8978 4.69036 17.2621 7.38479 19.1674C10.0792 21.0727 13.6671 21.128 16.419 19.3067L16.319 19.3777L16.413 19.3127L16.472 19.2717L16.536 19.2267L16.552 19.2157L16.561 19.2087L11.433 14.0787C11.1544 13.7952 10.9988 13.4132 11 13.0157V4.69872ZM13.829 13.6367L18.056 17.8637L18.063 17.8557L18.068 17.8497L18.058 17.8607C19.0896 16.6703 19.744 15.2 19.938 13.6367H13.829ZM13 4.69872V11.6367H19.938C19.4815 8.01083 16.6259 5.15523 13 4.69872Z"
+      fill="white"
+    />
+  </svg>
+);

package/src/assets/adminSvg/chatIcon.jsx

@@ -0,0 +1,36 @@
+import React from "react";
+export const ChatIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M8 12.6367H8.01M12 12.6367H12.01M16 12.6367H16.01M21 12.6367C21 17.055 16.9706 20.6367 12 20.6367C10.4607 20.6367 9.01172 20.2932 7.74467 19.6878L3 20.6367L4.39499 16.9167C3.51156 15.6791 3 14.211 3 12.6367C3 8.21844 7.02944 4.63672 12 4.63672C16.9706 4.63672 21 8.21844 21 12.6367Z"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export const ChatIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M8 12.6367H8.01M12 12.6367H12.01M16 12.6367H16.01M21 12.6367C21 17.055 16.9706 20.6367 12 20.6367C10.4607 20.6367 9.01172 20.2932 7.74467 19.6878L3 20.6367L4.39499 16.9167C3.51156 15.6791 3 14.211 3 12.6367C3 8.21844 7.02944 4.63672 12 4.63672C16.9706 4.63672 21 8.21844 21 12.6367Z"
+      stroke="#ffffff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/adminSvg/cmsIcon.jsx

@@ -0,0 +1,78 @@
+import React from "react";
+export const CmsIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M22 17.3784V5.30837C22 4.10837 21.02 3.21837 19.83 3.31837H19.77C17.67 3.49837 14.48 4.56837 12.7 5.68837L12.53 5.79837C12.24 5.97837 11.76 5.97837 11.47 5.79837L11.22 5.64837C9.44 4.53837 6.26 3.47837 4.16 3.30837C2.97 3.20837 2 4.10837 2 5.29837V17.3784C2 18.3384 2.78 19.2384 3.74 19.3584L4.03 19.3984C6.2 19.6884 9.55 20.7884 11.47 21.8384L11.51 21.8584C11.78 22.0084 12.21 22.0084 12.47 21.8584C14.39 20.7984 17.75 19.6884 19.93 19.3984L20.26 19.3584C21.22 19.2384 22 18.3384 22 17.3784Z"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 6.125V21.125"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M7.75 9.125H5.5"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.5 12.125H5.5"
+      stroke="#636666"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export const CmsIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M22 17.3784V5.30837C22 4.10837 21.02 3.21837 19.83 3.31837H19.77C17.67 3.49837 14.48 4.56837 12.7 5.68837L12.53 5.79837C12.24 5.97837 11.76 5.97837 11.47 5.79837L11.22 5.64837C9.44 4.53837 6.26 3.47837 4.16 3.30837C2.97 3.20837 2 4.10837 2 5.29837V17.3784C2 18.3384 2.78 19.2384 3.74 19.3584L4.03 19.3984C6.2 19.6884 9.55 20.7884 11.47 21.8384L11.51 21.8584C11.78 22.0084 12.21 22.0084 12.47 21.8584C14.39 20.7984 17.75 19.6884 19.93 19.3984L20.26 19.3584C21.22 19.2384 22 18.3384 22 17.3784Z"
+      stroke="white"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 6.125V21.125"
+      stroke="white"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M7.75 9.125H5.5"
+      stroke="white"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.5 12.125H5.5"
+      stroke="white"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/adminSvg/dashboardIcon.jsx

@@ -0,0 +1,78 @@
+import React from "react";
+export const DashboardIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M4 6.63672C4 5.53215 4.89543 4.63672 6 4.63672H8C9.10457 4.63672 10 5.53215 10 6.63672V8.63672C10 9.74129 9.10457 10.6367 8 10.6367H6C4.89543 10.6367 4 9.74129 4 8.63672V6.63672Z"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14 6.63672C14 5.53215 14.8954 4.63672 16 4.63672H18C19.1046 4.63672 20 5.53215 20 6.63672V8.63672C20 9.74129 19.1046 10.6367 18 10.6367H16C14.8954 10.6367 14 9.74129 14 8.63672V6.63672Z"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4 16.6367C4 15.5321 4.89543 14.6367 6 14.6367H8C9.10457 14.6367 10 15.5321 10 16.6367V18.6367C10 19.7413 9.10457 20.6367 8 20.6367H6C4.89543 20.6367 4 19.7413 4 18.6367V16.6367Z"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14 16.6367C14 15.5321 14.8954 14.6367 16 14.6367H18C19.1046 14.6367 20 15.5321 20 16.6367V18.6367C20 19.7413 19.1046 20.6367 18 20.6367H16C14.8954 20.6367 14 19.7413 14 18.6367V16.6367Z"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export const DashboardIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M4 6.63672C4 5.53215 4.89543 4.63672 6 4.63672H8C9.10457 4.63672 10 5.53215 10 6.63672V8.63672C10 9.74129 9.10457 10.6367 8 10.6367H6C4.89543 10.6367 4 9.74129 4 8.63672V6.63672Z"
+      stroke="#ffffff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14 6.63672C14 5.53215 14.8954 4.63672 16 4.63672H18C19.1046 4.63672 20 5.53215 20 6.63672V8.63672C20 9.74129 19.1046 10.6367 18 10.6367H16C14.8954 10.6367 14 9.74129 14 8.63672V6.63672Z"
+      stroke="#ffffff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4 16.6367C4 15.5321 4.89543 14.6367 6 14.6367H8C9.10457 14.6367 10 15.5321 10 16.6367V18.6367C10 19.7413 9.10457 20.6367 8 20.6367H6C4.89543 20.6367 4 19.7413 4 18.6367V16.6367Z"
+      stroke="#ffffff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14 16.6367C14 15.5321 14.8954 14.6367 16 14.6367H18C19.1046 14.6367 20 15.5321 20 16.6367V18.6367C20 19.7413 19.1046 20.6367 18 20.6367H16C14.8954 20.6367 14 19.7413 14 18.6367V16.6367Z"
+      stroke="#ffffff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/adminSvg/flaggedIcon.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+export const FlaggedIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M12 6.62672L19.53 19.6367H4.47L12 6.62672ZM12 2.63672L1 21.6367H23L12 2.63672ZM13 16.6367H11V18.6367H13V16.6367ZM13 10.6367H11V14.6367H13V10.6367Z"
+      fill="#636666"
+    />
+  </svg>
+);
+
+export const FlaggedIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M12 6.62672L19.53 19.6367H4.47L12 6.62672ZM12 2.63672L1 21.6367H23L12 2.63672ZM13 16.6367H11V18.6367H13V16.6367ZM13 10.6367H11V14.6367H13V10.6367Z"
+      fill="#ffffff"
+    />
+  </svg>
+);

package/src/assets/adminSvg/revenueIcon.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+export const RevenueIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M9.05645 12.2832L3.41 17.9296L2.70687 17.2265L9.41024 10.5141L13.0564 14.1603L13.41 14.5138L13.7636 14.1603L18.6436 9.28027L18.9971 8.92672L18.6436 8.57317L17.2071 7.13672H21.5V11.4296L20.0636 9.99317L19.7103 9.63989L19.3567 9.99288L13.4103 15.9299L9.76355 12.2832L9.41 11.9296L9.05645 12.2832Z"
+      fill="#636666"
+      stroke="#636666"
+    />
+  </svg>
+);
+
+export const RevenueIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M9.05645 12.2832L3.41 17.9296L2.70687 17.2265L9.41024 10.5141L13.0564 14.1603L13.41 14.5138L13.7636 14.1603L18.6436 9.28027L18.9971 8.92672L18.6436 8.57317L17.2071 7.13672H21.5V11.4296L20.0636 9.99317L19.7103 9.63989L19.3567 9.99288L13.4103 15.9299L9.76355 12.2832L9.41 11.9296L9.05645 12.2832Z"
+      fill="#ffffff"
+      stroke="#ffffff"
+    />
+  </svg>
+);

package/src/assets/adminSvg/settingsIcon.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+export const SettingsIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M13.8194 22.6367H10.1794C9.70955 22.6367 9.30299 22.3097 9.20243 21.8507L8.79543 19.9667C8.25248 19.7288 7.73765 19.4313 7.26043 19.0797L5.42343 19.6647C4.97543 19.8076 4.48842 19.619 4.25343 19.2117L2.42943 16.0607C2.19702 15.6532 2.27709 15.1392 2.62243 14.8217L4.04743 13.5217C3.98263 12.9328 3.98263 12.3386 4.04743 11.7497L2.62243 10.4527C2.27658 10.1351 2.19648 9.62044 2.42943 9.21272L4.24943 6.05972C4.48442 5.65242 4.97143 5.46386 5.41943 5.60672L7.25643 6.19172C7.50049 6.01087 7.75456 5.84394 8.01743 5.69172C8.26977 5.54941 8.52947 5.42057 8.79543 5.30572L9.20343 3.42372C9.3035 2.96469 9.70962 2.63721 10.1794 2.63672H13.8194C14.2892 2.63721 14.6954 2.96469 14.7954 3.42372L15.2074 5.30672C15.4882 5.43023 15.7617 5.5698 16.0264 5.72472C16.2734 5.86753 16.5121 6.02411 16.7414 6.19372L18.5794 5.60872C19.0271 5.46639 19.5135 5.65488 19.7484 6.06172L21.5684 9.21472C21.8008 9.6222 21.7208 10.1362 21.3754 10.4537L19.9504 11.7537C20.0152 12.3426 20.0152 12.9368 19.9504 13.5257L21.3754 14.8257C21.7208 15.1432 21.8008 15.6572 21.5684 16.0647L19.7484 19.2177C19.5135 19.6246 19.0271 19.813 18.5794 19.6707L16.7414 19.0857C16.5089 19.257 16.2672 19.4156 16.0174 19.5607C15.7553 19.7126 15.4848 19.8498 15.2074 19.9717L14.7954 21.8507C14.695 22.3094 14.2889 22.6363 13.8194 22.6367ZM7.61943 16.8657L8.43943 17.4657C8.62428 17.6019 8.81694 17.7271 9.01643 17.8407C9.20413 17.9494 9.3974 18.0482 9.59543 18.1367L10.5284 18.5457L10.9854 20.6367H13.0154L13.4724 18.5447L14.4054 18.1357C14.8127 17.9561 15.1993 17.7328 15.5584 17.4697L16.3794 16.8697L18.4204 17.5197L19.4354 15.7617L17.8524 14.3187L17.9644 13.3067C18.0136 12.8641 18.0136 12.4174 17.9644 11.9747L17.8524 10.9627L19.4364 9.51672L18.4204 7.75772L16.3794 8.40772L15.5584 7.80772C15.1992 7.54343 14.8127 7.31847 14.4054 7.13672L13.4724 6.72772L13.0154 4.63672H10.9854L10.5264 6.72872L9.59543 7.13672C9.39724 7.22376 9.20395 7.32158 9.01643 7.42972C8.81817 7.54305 8.62652 7.66758 8.44243 7.80272L7.62143 8.40272L5.58143 7.75272L4.56443 9.51672L6.14743 10.9577L6.03543 11.9707C5.98623 12.4134 5.98623 12.8601 6.03543 13.3027L6.14743 14.3147L4.56443 15.7577L5.57943 17.5157L7.61943 16.8657ZM11.9954 16.6367C9.78629 16.6367 7.99543 14.8459 7.99543 12.6367C7.99543 10.4276 9.78629 8.63672 11.9954 8.63672C14.2046 8.63672 15.9954 10.4276 15.9954 12.6367C15.9927 14.8447 14.2034 16.634 11.9954 16.6367ZM11.9954 10.6367C10.9028 10.6378 10.0133 11.5156 9.99766 12.6081C9.98201 13.7006 10.846 14.6034 11.9381 14.6358C13.0302 14.6683 13.9463 13.8182 13.9954 12.7267V13.1267V12.6367C13.9954 11.5321 13.1 10.6367 11.9954 10.6367Z"
+      fill="#636666"
+    />
+  </svg>
+);
+
+export const SettingsIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M13.8194 22.6367H10.1794C9.70955 22.6367 9.30299 22.3097 9.20243 21.8507L8.79543 19.9667C8.25248 19.7288 7.73765 19.4313 7.26043 19.0797L5.42343 19.6647C4.97543 19.8076 4.48842 19.619 4.25343 19.2117L2.42943 16.0607C2.19702 15.6532 2.27709 15.1392 2.62243 14.8217L4.04743 13.5217C3.98263 12.9328 3.98263 12.3386 4.04743 11.7497L2.62243 10.4527C2.27658 10.1351 2.19648 9.62044 2.42943 9.21272L4.24943 6.05972C4.48442 5.65242 4.97143 5.46386 5.41943 5.60672L7.25643 6.19172C7.50049 6.01087 7.75456 5.84394 8.01743 5.69172C8.26977 5.54941 8.52947 5.42057 8.79543 5.30572L9.20343 3.42372C9.3035 2.96469 9.70962 2.63721 10.1794 2.63672H13.8194C14.2892 2.63721 14.6954 2.96469 14.7954 3.42372L15.2074 5.30672C15.4882 5.43023 15.7617 5.5698 16.0264 5.72472C16.2734 5.86753 16.5121 6.02411 16.7414 6.19372L18.5794 5.60872C19.0271 5.46639 19.5135 5.65488 19.7484 6.06172L21.5684 9.21472C21.8008 9.6222 21.7208 10.1362 21.3754 10.4537L19.9504 11.7537C20.0152 12.3426 20.0152 12.9368 19.9504 13.5257L21.3754 14.8257C21.7208 15.1432 21.8008 15.6572 21.5684 16.0647L19.7484 19.2177C19.5135 19.6246 19.0271 19.813 18.5794 19.6707L16.7414 19.0857C16.5089 19.257 16.2672 19.4156 16.0174 19.5607C15.7553 19.7126 15.4848 19.8498 15.2074 19.9717L14.7954 21.8507C14.695 22.3094 14.2889 22.6363 13.8194 22.6367ZM7.61943 16.8657L8.43943 17.4657C8.62428 17.6019 8.81694 17.7271 9.01643 17.8407C9.20413 17.9494 9.3974 18.0482 9.59543 18.1367L10.5284 18.5457L10.9854 20.6367H13.0154L13.4724 18.5447L14.4054 18.1357C14.8127 17.9561 15.1993 17.7328 15.5584 17.4697L16.3794 16.8697L18.4204 17.5197L19.4354 15.7617L17.8524 14.3187L17.9644 13.3067C18.0136 12.8641 18.0136 12.4174 17.9644 11.9747L17.8524 10.9627L19.4364 9.51672L18.4204 7.75772L16.3794 8.40772L15.5584 7.80772C15.1992 7.54343 14.8127 7.31847 14.4054 7.13672L13.4724 6.72772L13.0154 4.63672H10.9854L10.5264 6.72872L9.59543 7.13672C9.39724 7.22376 9.20395 7.32158 9.01643 7.42972C8.81817 7.54305 8.62652 7.66758 8.44243 7.80272L7.62143 8.40272L5.58143 7.75272L4.56443 9.51672L6.14743 10.9577L6.03543 11.9707C5.98623 12.4134 5.98623 12.8601 6.03543 13.3027L6.14743 14.3147L4.56443 15.7577L5.57943 17.5157L7.61943 16.8657ZM11.9954 16.6367C9.78629 16.6367 7.99543 14.8459 7.99543 12.6367C7.99543 10.4276 9.78629 8.63672 11.9954 8.63672C14.2046 8.63672 15.9954 10.4276 15.9954 12.6367C15.9927 14.8447 14.2034 16.634 11.9954 16.6367ZM11.9954 10.6367C10.9028 10.6378 10.0133 11.5156 9.99766 12.6081C9.98201 13.7006 10.846 14.6034 11.9381 14.6358C13.0302 14.6683 13.9463 13.8182 13.9954 12.7267V13.1267V12.6367C13.9954 11.5321 13.1 10.6367 11.9954 10.6367Z"
+      fill="#ffffff"
+    />
+  </svg>
+);

package/src/assets/adminSvg/ticketsIcon.jsx

@@ -0,0 +1,70 @@
+import React from "react";
+export const TicketsIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M21 10.6367V11.6367C21.5523 11.6367 22 11.189 22 10.6367H21ZM21 14.6367H22C22 14.0844 21.5523 13.6367 21 13.6367V14.6367ZM3 14.6367V13.6367C2.44772 13.6367 2 14.0844 2 14.6367H3ZM3 10.6367H2C2 11.189 2.44772 11.6367 3 11.6367V10.6367ZM5 4.63672C3.34315 4.63672 2 5.97986 2 7.63672H4C4 7.08443 4.44772 6.63672 5 6.63672V4.63672ZM19 4.63672H5V6.63672H19V4.63672ZM22 7.63672C22 5.97986 20.6569 4.63672 19 4.63672V6.63672C19.5523 6.63672 20 7.08443 20 7.63672H22ZM22 10.6367V7.63672H20V10.6367H22ZM20 12.6367C20 12.0844 20.4477 11.6367 21 11.6367V9.63672C19.3431 9.63672 18 10.9799 18 12.6367H20ZM21 13.6367C20.4477 13.6367 20 13.189 20 12.6367H18C18 14.2936 19.3431 15.6367 21 15.6367V13.6367ZM22 17.6367V14.6367H20V17.6367H22ZM19 20.6367C20.6569 20.6367 22 19.2936 22 17.6367H20C20 18.189 19.5523 18.6367 19 18.6367V20.6367ZM5 20.6367H19V18.6367H5V20.6367ZM2 17.6367C2 19.2936 3.34315 20.6367 5 20.6367V18.6367C4.44772 18.6367 4 18.189 4 17.6367H2ZM2 14.6367V17.6367H4V14.6367H2ZM4 12.6367C4 13.189 3.55228 13.6367 3 13.6367V15.6367C4.65685 15.6367 6 14.2936 6 12.6367H4ZM3 11.6367C3.55228 11.6367 4 12.0844 4 12.6367H6C6 10.9799 4.65685 9.63672 3 9.63672V11.6367ZM2 7.63672V10.6367H4V7.63672H2Z"
+      fill="#636666"
+    />
+    <path
+      d="M15 5.63672V7.63672"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <path
+      d="M15 11.6367V13.6367"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15 17.6367V19.6367"
+      stroke="#636666"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export const TicketsIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      d="M21 10.6367V11.6367C21.5523 11.6367 22 11.189 22 10.6367H21ZM21 14.6367H22C22 14.0844 21.5523 13.6367 21 13.6367V14.6367ZM3 14.6367V13.6367C2.44772 13.6367 2 14.0844 2 14.6367H3ZM3 10.6367H2C2 11.189 2.44772 11.6367 3 11.6367V10.6367ZM5 4.63672C3.34315 4.63672 2 5.97986 2 7.63672H4C4 7.08443 4.44772 6.63672 5 6.63672V4.63672ZM19 4.63672H5V6.63672H19V4.63672ZM22 7.63672C22 5.97986 20.6569 4.63672 19 4.63672V6.63672C19.5523 6.63672 20 7.08443 20 7.63672H22ZM22 10.6367V7.63672H20V10.6367H22ZM20 12.6367C20 12.0844 20.4477 11.6367 21 11.6367V9.63672C19.3431 9.63672 18 10.9799 18 12.6367H20ZM21 13.6367C20.4477 13.6367 20 13.189 20 12.6367H18C18 14.2936 19.3431 15.6367 21 15.6367V13.6367ZM22 17.6367V14.6367H20V17.6367H22ZM19 20.6367C20.6569 20.6367 22 19.2936 22 17.6367H20C20 18.189 19.5523 18.6367 19 18.6367V20.6367ZM5 20.6367H19V18.6367H5V20.6367ZM2 17.6367C2 19.2936 3.34315 20.6367 5 20.6367V18.6367C4.44772 18.6367 4 18.189 4 17.6367H2ZM2 14.6367V17.6367H4V14.6367H2ZM4 12.6367C4 13.189 3.55228 13.6367 3 13.6367V15.6367C4.65685 15.6367 6 14.2936 6 12.6367H4ZM3 11.6367C3.55228 11.6367 4 12.0844 4 12.6367H6C6 10.9799 4.65685 9.63672 3 9.63672V11.6367ZM2 7.63672V10.6367H4V7.63672H2Z"
+      fill="#ffffff"
+    />
+    <path
+      d="M15 5.63672V7.63672"
+      stroke="#fff"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <path
+      d="M15 11.6367V13.6367"
+      stroke="#fff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15 17.6367V19.6367"
+      stroke="#fff"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);

package/src/assets/adminSvg/usersIcon.jsx

@@ -0,0 +1,70 @@
+import React from "react";
+export const UsersIcon = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="22"
+    height="15"
+    viewBox="0 0 22 15"
+    fill="none"
+  >
+    <path
+      d="M4.87357 4.70952C5.09137 4.59847 5.33238 4.54057 5.57686 4.54057V2.99219C5.08788 2.99219 4.60585 3.10793 4.17023 3.33004C4.12225 3.3545 4.07498 3.38018 4.02847 3.40703C3.65268 3.62399 3.32614 3.91784 3.07056 4.26999C2.78336 4.66573 2.59395 5.12386 2.51783 5.60688C2.44172 6.08989 2.48107 6.58407 2.63266 7.04896C2.78425 7.51384 3.04377 7.93623 3.38998 8.28153C3.73619 8.62684 4.15925 8.88525 4.62453 9.03562C5.03857 9.16943 5.47557 9.2143 5.90701 9.16804C5.96042 9.16231 6.01373 9.15519 6.06691 9.14667C6.5494 9.06934 7.00673 8.87894 7.40154 8.59103L7.40234 8.59044L6.4896 7.33968C6.29211 7.48379 6.06328 7.57906 5.82188 7.61775C5.58048 7.65644 5.33335 7.63741 5.10071 7.56223C4.86808 7.48704 4.65655 7.35784 4.48345 7.18519C4.31035 7.01254 4.18059 6.80136 4.1048 6.56892C4.02901 6.33649 4.00934 6.08941 4.04739 5.8479C4.08545 5.6064 4.18015 5.37734 4.32375 5.17948C4.46735 4.98162 4.65576 4.82057 4.87357 4.70952Z"
+      fill="#636666"
+    />
+    <path
+      d="M2.48155 14.605C2.48155 14.1986 2.56162 13.7961 2.71717 13.4205C2.87272 13.045 3.10072 12.7038 3.38815 12.4163C3.67557 12.1289 4.0168 11.9009 4.39234 11.7454C4.76788 11.5898 5.17038 11.5097 5.57686 11.5097V9.95988C5.0488 9.95988 4.52521 10.0499 4.02847 10.2255C3.95139 10.2528 3.87494 10.2821 3.79923 10.3135C3.23566 10.5469 2.72358 10.8891 2.29223 11.3204C1.86089 11.7518 1.51873 12.2638 1.28529 12.8274C1.25393 12.9031 1.22461 12.9796 1.19736 13.0567C1.02174 13.5534 0.931699 14.077 0.931699 14.605H2.48155Z"
+      fill="#636666"
+    />
+    <path
+      d="M10.9975 0.667969C8.8596 0.667969 7.12651 2.40106 7.12651 4.53894C7.12651 6.67681 8.8596 8.4099 10.9975 8.4099C13.1354 8.4099 14.8684 6.67681 14.8684 4.53894C14.8684 2.40106 13.1354 0.667969 10.9975 0.667969ZM8.6749 4.53894C8.6749 3.25621 9.71475 2.21636 10.9975 2.21636C12.2802 2.21636 13.3201 3.25621 13.3201 4.53894C13.3201 5.82166 12.2802 6.86152 10.9975 6.86152C9.71475 6.86152 8.6749 5.82166 8.6749 4.53894Z"
+      fill="#636666"
+    />
+    <path
+      d="M17.1201 4.70793C16.9023 4.59688 16.6613 4.53898 16.4168 4.53898V2.9906C16.9058 2.9906 17.3878 3.10634 17.8235 3.32845C17.8714 3.35291 17.9187 3.37858 17.9652 3.40544C18.341 3.6224 18.6676 3.91624 18.9231 4.2684C19.2103 4.66414 19.3998 5.12227 19.4759 5.60529C19.552 6.0883 19.5126 6.58248 19.361 7.04737C19.2094 7.51225 18.9499 7.93463 18.6037 8.27994C18.2575 8.62525 17.8344 8.88366 17.3692 9.03403C16.9551 9.16784 16.5181 9.21271 16.0867 9.16645C16.0333 9.16072 15.98 9.1536 15.9268 9.14508C15.4443 9.06775 14.987 8.87735 14.5922 8.58944L14.5914 8.58885L15.5041 7.33808C15.7016 7.4822 15.9304 7.57747 16.1718 7.61616C16.4132 7.65484 16.6603 7.63582 16.893 7.56063C17.1256 7.48545 17.3371 7.35625 17.5102 7.1836C17.6833 7.01095 17.8131 6.79977 17.8889 6.56733C17.9647 6.33489 17.9844 6.08781 17.9463 5.84631C17.9082 5.60481 17.8135 5.37575 17.6699 5.17789C17.5263 4.98002 17.3379 4.81898 17.1201 4.70793Z"
+      fill="#636666"
+    />
+    <path
+      d="M19.5121 14.6035C19.5121 14.197 19.4321 13.7945 19.2765 13.4189C19.121 13.0434 18.893 12.7022 18.6055 12.4147C18.3181 12.1273 17.9769 11.8993 17.6014 11.7438C17.2258 11.5882 16.8233 11.5081 16.4168 11.5081V9.95829C16.9449 9.95829 17.4685 10.0483 17.9652 10.224C18.0423 10.2512 18.1188 10.2805 18.1945 10.3119C18.758 10.5453 19.2701 10.8875 19.7015 11.3188C20.1328 11.7502 20.475 12.2622 20.7084 12.8258C20.7398 12.9015 20.7691 12.978 20.7963 13.0551C20.972 13.5518 21.062 14.0754 21.062 14.6035H19.5121Z"
+      fill="#636666"
+    />
+    <path
+      d="M16.4168 14.6035H14.8684C14.8684 12.4656 13.1354 10.7325 10.9975 10.7325C8.8596 10.7325 7.12651 12.4656 7.12651 14.6035H5.57812C5.57812 11.6104 8.00445 9.1841 10.9975 9.1841C13.9905 9.1841 16.4168 11.6104 16.4168 14.6035Z"
+      fill="#636666"
+    />
+  </svg>
+);
+
+export const UsersIconActive = ({ width, height, fill }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="22"
+    height="15"
+    viewBox="0 0 22 15"
+    fill="none"
+  >
+    <path
+      d="M4.87357 4.70952C5.09137 4.59847 5.33238 4.54057 5.57686 4.54057V2.99219C5.08788 2.99219 4.60585 3.10793 4.17023 3.33004C4.12225 3.3545 4.07498 3.38018 4.02847 3.40703C3.65268 3.62399 3.32614 3.91784 3.07056 4.26999C2.78336 4.66573 2.59395 5.12386 2.51783 5.60688C2.44172 6.08989 2.48107 6.58407 2.63266 7.04896C2.78425 7.51384 3.04377 7.93623 3.38998 8.28153C3.73619 8.62684 4.15925 8.88525 4.62453 9.03562C5.03857 9.16943 5.47557 9.2143 5.90701 9.16804C5.96042 9.16231 6.01373 9.15519 6.06691 9.14667C6.5494 9.06934 7.00673 8.87894 7.40154 8.59103L7.40234 8.59044L6.4896 7.33968C6.29211 7.48379 6.06328 7.57906 5.82188 7.61775C5.58048 7.65644 5.33335 7.63741 5.10071 7.56223C4.86808 7.48704 4.65655 7.35784 4.48345 7.18519C4.31035 7.01254 4.18059 6.80136 4.1048 6.56892C4.02901 6.33649 4.00934 6.08941 4.04739 5.8479C4.08545 5.6064 4.18015 5.37734 4.32375 5.17948C4.46735 4.98162 4.65576 4.82057 4.87357 4.70952Z"
+      fill="#ffffff"
+    />
+    <path
+      d="M2.48155 14.605C2.48155 14.1986 2.56162 13.7961 2.71717 13.4205C2.87272 13.045 3.10072 12.7038 3.38815 12.4163C3.67557 12.1289 4.0168 11.9009 4.39234 11.7454C4.76788 11.5898 5.17038 11.5097 5.57686 11.5097V9.95988C5.0488 9.95988 4.52521 10.0499 4.02847 10.2255C3.95139 10.2528 3.87494 10.2821 3.79923 10.3135C3.23566 10.5469 2.72358 10.8891 2.29223 11.3204C1.86089 11.7518 1.51873 12.2638 1.28529 12.8274C1.25393 12.9031 1.22461 12.9796 1.19736 13.0567C1.02174 13.5534 0.931699 14.077 0.931699 14.605H2.48155Z"
+      fill="#fff"
+    />
+    <path
+      d="M10.9975 0.667969C8.8596 0.667969 7.12651 2.40106 7.12651 4.53894C7.12651 6.67681 8.8596 8.4099 10.9975 8.4099C13.1354 8.4099 14.8684 6.67681 14.8684 4.53894C14.8684 2.40106 13.1354 0.667969 10.9975 0.667969ZM8.6749 4.53894C8.6749 3.25621 9.71475 2.21636 10.9975 2.21636C12.2802 2.21636 13.3201 3.25621 13.3201 4.53894C13.3201 5.82166 12.2802 6.86152 10.9975 6.86152C9.71475 6.86152 8.6749 5.82166 8.6749 4.53894Z"
+      fill="#fff"
+    />
+    <path
+      d="M17.1201 4.70793C16.9023 4.59688 16.6613 4.53898 16.4168 4.53898V2.9906C16.9058 2.9906 17.3878 3.10634 17.8235 3.32845C17.8714 3.35291 17.9187 3.37858 17.9652 3.40544C18.341 3.6224 18.6676 3.91624 18.9231 4.2684C19.2103 4.66414 19.3998 5.12227 19.4759 5.60529C19.552 6.0883 19.5126 6.58248 19.361 7.04737C19.2094 7.51225 18.9499 7.93463 18.6037 8.27994C18.2575 8.62525 17.8344 8.88366 17.3692 9.03403C16.9551 9.16784 16.5181 9.21271 16.0867 9.16645C16.0333 9.16072 15.98 9.1536 15.9268 9.14508C15.4443 9.06775 14.987 8.87735 14.5922 8.58944L14.5914 8.58885L15.5041 7.33808C15.7016 7.4822 15.9304 7.57747 16.1718 7.61616C16.4132 7.65484 16.6603 7.63582 16.893 7.56063C17.1256 7.48545 17.3371 7.35625 17.5102 7.1836C17.6833 7.01095 17.8131 6.79977 17.8889 6.56733C17.9647 6.33489 17.9844 6.08781 17.9463 5.84631C17.9082 5.60481 17.8135 5.37575 17.6699 5.17789C17.5263 4.98002 17.3379 4.81898 17.1201 4.70793Z"
+      fill="#fff"
+    />
+    <path
+      d="M19.5121 14.6035C19.5121 14.197 19.4321 13.7945 19.2765 13.4189C19.121 13.0434 18.893 12.7022 18.6055 12.4147C18.3181 12.1273 17.9769 11.8993 17.6014 11.7438C17.2258 11.5882 16.8233 11.5081 16.4168 11.5081V9.95829C16.9449 9.95829 17.4685 10.0483 17.9652 10.224C18.0423 10.2512 18.1188 10.2805 18.1945 10.3119C18.758 10.5453 19.2701 10.8875 19.7015 11.3188C20.1328 11.7502 20.475 12.2622 20.7084 12.8258C20.7398 12.9015 20.7691 12.978 20.7963 13.0551C20.972 13.5518 21.062 14.0754 21.062 14.6035H19.5121Z"
+      fill="#fff"
+    />
+    <path
+      d="M16.4168 14.6035H14.8684C14.8684 12.4656 13.1354 10.7325 10.9975 10.7325C8.8596 10.7325 7.12651 12.4656 7.12651 14.6035H5.57812C5.57812 11.6104 8.00445 9.1841 10.9975 9.1841C13.9905 9.1841 16.4168 11.6104 16.4168 14.6035Z"
+      fill="#fff"
+    />
+  </svg>
+);

package/src/components/AdminAppMainLayout/index.jsx

@@ -0,0 +1,48 @@
+import React, {
+  useState,
+  useEffect,
+  createContext,
+  useRef,
+  useContext,
+} from "react";
+import { Outlet, useLocation } from "react-router-dom";
+import { Layout, CenterLayout, LeftLayout, MainLayout } from "./index.styled";
+import AdminSideMenu from "../AdminSidebar";
+import AdminNavbar from "../AdminNavbar";
+
+const AdminAppMainLayout = () => {
+  const [isOpen, setIsOpen] = useState(true);
+  const location = useLocation();
+  const [adminGeneralData, setAdminGeneralData] = useState({});
+  const [sideMenuLayout, setSideMenuLayout] = useState(true);
+  const [centerLayoutStyle, setCenterLayoutStyle] = useState({});
+  const [accessToken, setAccessToken] = useState("");
+
+  return (
+    <OutletContext.Provider
+      value={{
+        adminGeneralData,
+        setAdminGeneralData,
+        setSideMenuLayout,
+        centerLayoutStyle,
+        setCenterLayoutStyle,
+      }}
+    >
+      <Layout>
+        <MainLayout>
+          <LeftLayout>
+            <AdminSideMenu />
+          </LeftLayout>
+          <CenterLayout isOpen={isOpen} style={centerLayoutStyle}>
+            <AdminNavbar />
+            <Outlet />
+            <h1> Hello world </h1>
+          </CenterLayout>
+        </MainLayout>
+      </Layout>
+    </OutletContext.Provider>
+  );
+};
+
+export const OutletContext = createContext({});
+export default AdminAppMainLayout;

package/src/components/AdminAppMainLayout/index.styled.js

@@ -0,0 +1,43 @@
+import styled from "styled-components";
+import Pattern from "../../assets/images/sign_up.png";
+import LayoutBackgroundImage from "../../assets/images/layout_background.png";
+
+/* styles for main layout component */
+export const Layout = styled.div`
+  background-color: "#ffffff";
+  height: 100vh;
+  width: 100%;
+`;
+
+export const MainLayout = styled.div`
+  background-color: "#ffffff";
+  width: 100%;
+  height: 100vh;
+
+`;
+
+export const LeftLayout = styled.div`
+  background-color: transparent;
+`;
+
+export const CenterLayout = styled.div`
+  width: 100%;
+  margin-left: 280px;
+  overflow-y: scroll;
+  scrollbar-width: thin;
+  /* "auto" or "thin" depending on browser support */
+  scrollbar-color: transparent transparent;
+  /* color values for thumb and track */
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    /* adjust as needed */
+    background-color: transparent;
+    /* color value for track */
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    /* color value for thumb */
+  }
+`;