From 562e5875eef3f44e591ca1a5747cc2b2e587ab2d Mon Sep 17 00:00:00 2001
From: sevelinCA <ngabosevelin@gmail.com>
Date: Fri, 26 Jul 2024 11:58:41 +0200
Subject: [PATCH] change in admin dashboards

---
 src/Components/chat/ChatSearch.tsx |  2 +-
 src/index.css                      |  4 +-
 src/pages/Admin/AdminHome.tsx      | 94 +++++++++++++++---------------
 src/pages/Analytics.tsx            | 92 ++++++++++++++---------------
 4 files changed, 96 insertions(+), 96 deletions(-)

diff --git a/src/Components/chat/ChatSearch.tsx b/src/Components/chat/ChatSearch.tsx
index ce61663e..310dbdee 100644
--- a/src/Components/chat/ChatSearch.tsx
+++ b/src/Components/chat/ChatSearch.tsx
@@ -10,7 +10,7 @@ const ChatSearch = ({ handelSelect }: { handelSelect: any }) => {
     return (
         <>
             <div className='p-4 bg-white rounded-[12px] flex flex-col gap-[20px] w-full relative'>
-                <div className={`w-full flex flex-col gap-[4px] ${isVendorOpen ? 'h-[60vh] py-2 px-4' : 'h-[0vh]'} transition-all duration-300 overflow-hidden shadow-md  bg-gray-50 absolute top-16 left-0 rounded-[6px] `}>
+                <div className={`w-full flex flex-col gap-[4px] ${isVendorOpen ? 'h-[60vh] py-2 px-4' : 'h-[0vh]'} listvendor transition-all duration-300 overflow-y-scroll shadow-md  bg-gray-50 absolute top-16 left-0 rounded-[6px] `}>
                     {isLoading ? ('loading..') : (
                         vendors.map((vendor: any, index: number) => {
                             return (
diff --git a/src/index.css b/src/index.css
index 3ae95714..a43a1b5b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,11 +29,11 @@
 }
 ::-webkit-scrollbar-track {
   background: #f1f1f1;
-  border-radius: 10px;
+  border-radius: 5px;
 }
 ::-webkit-scrollbar-thumb {
   background: #888;
-  border-radius: 10px;
+  border-radius: 5px;
 }
 ::-webkit-scrollbar-thumb:hover {
   background: #555; 
diff --git a/src/pages/Admin/AdminHome.tsx b/src/pages/Admin/AdminHome.tsx
index 0bf98df2..f95a1060 100644
--- a/src/pages/Admin/AdminHome.tsx
+++ b/src/pages/Admin/AdminHome.tsx
@@ -137,52 +137,52 @@ function AdminHome() {
         </svg>
       ),
     },
-    {
-      name: "Transactions",
-      numbers: transactions.length,
-      icon: (
-        <svg
-          width="20"
-          height="21"
-          viewBox="0 0 20 21"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <g opacity="0.4">
-            <path
-              d="M8.95735 14.55V16.2417C8.95735 17.675 7.62404 18.8334 5.98237 18.8334C4.34071 18.8334 2.99902 17.675 2.99902 16.2417V14.55C2.99902 15.9834 4.33237 17 5.98237 17C7.62404 17 8.95735 15.975 8.95735 14.55Z"
-              stroke="#292D32"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-            <path
-              d="M8.95784 12.2581C8.95784 12.6747 8.84118 13.0581 8.64118 13.3914C8.14952 14.1997 7.14118 14.7081 5.97451 14.7081C4.80784 14.7081 3.7995 14.1914 3.30784 13.3914C3.10784 13.0581 2.99121 12.6747 2.99121 12.2581C2.99121 11.5414 3.32453 10.8997 3.85786 10.4331C4.39953 9.95805 5.14117 9.6748 5.96617 9.6748C6.79117 9.6748 7.53286 9.96639 8.07453 10.4331C8.62451 10.8914 8.95784 11.5414 8.95784 12.2581Z"
-              stroke="#292D32"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-            <path
-              d="M8.95735 12.2584V14.5501C8.95735 15.9834 7.62404 17.0001 5.98237 17.0001C4.34071 17.0001 2.99902 15.9751 2.99902 14.5501V12.2584C2.99902 10.8251 4.33237 9.66675 5.98237 9.66675C6.80737 9.66675 7.54906 9.95841 8.09073 10.4251C8.6241 10.8917 8.95735 11.5417 8.95735 12.2584Z"
-              stroke="#292D32"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </g>
-          <path
-            d="M18.3338 9.64175V11.3584C18.3338 11.8167 17.9672 12.1917 17.5005 12.2084H15.8672C14.9672 12.2084 14.1422 11.5501 14.0672 10.6501C14.0172 10.1251 14.2172 9.63341 14.5672 9.29175C14.8755 8.97508 15.3005 8.79175 15.7672 8.79175H17.5005C17.9672 8.80841 18.3338 9.18341 18.3338 9.64175Z"
-            stroke="#292D32"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-          <path
-            d="M1.66699 9.25008V7.58341C1.66699 5.31675 3.03366 3.73341 5.15866 3.46675C5.37533 3.43341 5.60033 3.41675 5.83366 3.41675H13.3337C13.5503 3.41675 13.7587 3.42507 13.9587 3.45841C16.1087 3.70841 17.5003 5.30008 17.5003 7.58341V8.79176H15.767C15.3003 8.79176 14.8753 8.97508 14.567 9.29175C14.217 9.63341 14.017 10.1251 14.067 10.6501C14.142 11.5501 14.967 12.2084 15.867 12.2084H17.5003V13.4167C17.5003 15.9167 15.8337 17.5834 13.3337 17.5834H11.2503"
-            stroke="#292D32"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-      ),
-    },
+    // {
+    //   name: "Transactions",
+    //   numbers: transactions.length,
+    //   icon: (
+    //     <svg
+    //       width="20"
+    //       height="21"
+    //       viewBox="0 0 20 21"
+    //       fill="none"
+    //       xmlns="http://www.w3.org/2000/svg"
+    //     >
+    //       <g opacity="0.4">
+    //         <path
+    //           d="M8.95735 14.55V16.2417C8.95735 17.675 7.62404 18.8334 5.98237 18.8334C4.34071 18.8334 2.99902 17.675 2.99902 16.2417V14.55C2.99902 15.9834 4.33237 17 5.98237 17C7.62404 17 8.95735 15.975 8.95735 14.55Z"
+    //           stroke="#292D32"
+    //           stroke-linecap="round"
+    //           stroke-linejoin="round"
+    //         />
+    //         <path
+    //           d="M8.95784 12.2581C8.95784 12.6747 8.84118 13.0581 8.64118 13.3914C8.14952 14.1997 7.14118 14.7081 5.97451 14.7081C4.80784 14.7081 3.7995 14.1914 3.30784 13.3914C3.10784 13.0581 2.99121 12.6747 2.99121 12.2581C2.99121 11.5414 3.32453 10.8997 3.85786 10.4331C4.39953 9.95805 5.14117 9.6748 5.96617 9.6748C6.79117 9.6748 7.53286 9.96639 8.07453 10.4331C8.62451 10.8914 8.95784 11.5414 8.95784 12.2581Z"
+    //           stroke="#292D32"
+    //           stroke-linecap="round"
+    //           stroke-linejoin="round"
+    //         />
+    //         <path
+    //           d="M8.95735 12.2584V14.5501C8.95735 15.9834 7.62404 17.0001 5.98237 17.0001C4.34071 17.0001 2.99902 15.9751 2.99902 14.5501V12.2584C2.99902 10.8251 4.33237 9.66675 5.98237 9.66675C6.80737 9.66675 7.54906 9.95841 8.09073 10.4251C8.6241 10.8917 8.95735 11.5417 8.95735 12.2584Z"
+    //           stroke="#292D32"
+    //           stroke-linecap="round"
+    //           stroke-linejoin="round"
+    //         />
+    //       </g>
+    //       <path
+    //         d="M18.3338 9.64175V11.3584C18.3338 11.8167 17.9672 12.1917 17.5005 12.2084H15.8672C14.9672 12.2084 14.1422 11.5501 14.0672 10.6501C14.0172 10.1251 14.2172 9.63341 14.5672 9.29175C14.8755 8.97508 15.3005 8.79175 15.7672 8.79175H17.5005C17.9672 8.80841 18.3338 9.18341 18.3338 9.64175Z"
+    //         stroke="#292D32"
+    //         stroke-linecap="round"
+    //         stroke-linejoin="round"
+    //       />
+    //       <path
+    //         d="M1.66699 9.25008V7.58341C1.66699 5.31675 3.03366 3.73341 5.15866 3.46675C5.37533 3.43341 5.60033 3.41675 5.83366 3.41675H13.3337C13.5503 3.41675 13.7587 3.42507 13.9587 3.45841C16.1087 3.70841 17.5003 5.30008 17.5003 7.58341V8.79176H15.767C15.3003 8.79176 14.8753 8.97508 14.567 9.29175C14.217 9.63341 14.017 10.1251 14.067 10.6501C14.142 11.5501 14.967 12.2084 15.867 12.2084H17.5003V13.4167C17.5003 15.9167 15.8337 17.5834 13.3337 17.5834H11.2503"
+    //         stroke="#292D32"
+    //         stroke-linecap="round"
+    //         stroke-linejoin="round"
+    //       />
+    //     </svg>
+    //   ),
+    // },
     {
       name: "Orders",
       numbers: orders.length,
@@ -214,7 +214,7 @@ function AdminHome() {
   return (
     <div className="flex flex-col space-y-2 lg:space-y-0 w-full ">
       <div className="flex flex-col w-full lg:p-[1%] xl:h-50 xl:p-1 2xl:p-3 3xl:p-5">
-        <div className="grid grid-cols-2 gap-[10px] w-full lg:gap-[5px] lg:h-[15%] xl:gap-[10px] xl:w-[90%] xl:ml-[40px] xl:mt-2 xl:grid-cols-4 ">
+        <div className="grid grid-cols-2 gap-[10px] w-full lg:gap-[5px] lg:h-[15%] xl:gap-[10px] xl:w-[90%] xl:ml-[40px] xl:mt-2 xl:grid-cols-3 ">
           {cardData.map((item, index) => (
             <InteractionCard key={index} data={item} />
           ))}
diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx
index dd9ba90a..7e025b26 100644
--- a/src/pages/Analytics.tsx
+++ b/src/pages/Analytics.tsx
@@ -137,52 +137,52 @@ const Analytics = () => {
         </svg>
       ),
     },
-    {
-      name: "Transactions",
-      numbers: transactions.length,
-      icon: (
-        <svg
-          width="20"
-          height="21"
-          viewBox="0 0 20 21"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <g opacity="0.4">
-            <path
-              d="M8.95735 14.55V16.2417C8.95735 17.675 7.62404 18.8334 5.98237 18.8334C4.34071 18.8334 2.99902 17.675 2.99902 16.2417V14.55C2.99902 15.9834 4.33237 17 5.98237 17C7.62404 17 8.95735 15.975 8.95735 14.55Z"
-              stroke="#292D32"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-            <path
-              d="M8.95784 12.2581C8.95784 12.6747 8.84118 13.0581 8.64118 13.3914C8.14952 14.1997 7.14118 14.7081 5.97451 14.7081C4.80784 14.7081 3.7995 14.1914 3.30784 13.3914C3.10784 13.0581 2.99121 12.6747 2.99121 12.2581C2.99121 11.5414 3.32453 10.8997 3.85786 10.4331C4.39953 9.95805 5.14117 9.6748 5.96617 9.6748C6.79117 9.6748 7.53286 9.96639 8.07453 10.4331C8.62451 10.8914 8.95784 11.5414 8.95784 12.2581Z"
-              stroke="#292D32"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-            <path
-              d="M8.95735 12.2584V14.5501C8.95735 15.9834 7.62404 17.0001 5.98237 17.0001C4.34071 17.0001 2.99902 15.9751 2.99902 14.5501V12.2584C2.99902 10.8251 4.33237 9.66675 5.98237 9.66675C6.80737 9.66675 7.54906 9.95841 8.09073 10.4251C8.6241 10.8917 8.95735 11.5417 8.95735 12.2584Z"
-              stroke="#292D32"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </g>
-          <path
-            d="M18.3338 9.64175V11.3584C18.3338 11.8167 17.9672 12.1917 17.5005 12.2084H15.8672C14.9672 12.2084 14.1422 11.5501 14.0672 10.6501C14.0172 10.1251 14.2172 9.63341 14.5672 9.29175C14.8755 8.97508 15.3005 8.79175 15.7672 8.79175H17.5005C17.9672 8.80841 18.3338 9.18341 18.3338 9.64175Z"
-            stroke="#292D32"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-          <path
-            d="M1.66699 9.25008V7.58341C1.66699 5.31675 3.03366 3.73341 5.15866 3.46675C5.37533 3.43341 5.60033 3.41675 5.83366 3.41675H13.3337C13.5503 3.41675 13.7587 3.42507 13.9587 3.45841C16.1087 3.70841 17.5003 5.30008 17.5003 7.58341V8.79176H15.767C15.3003 8.79176 14.8753 8.97508 14.567 9.29175C14.217 9.63341 14.017 10.1251 14.067 10.6501C14.142 11.5501 14.967 12.2084 15.867 12.2084H17.5003V13.4167C17.5003 15.9167 15.8337 17.5834 13.3337 17.5834H11.2503"
-            stroke="#292D32"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          />
-        </svg>
-      ),
-    },
+    // {
+    //   name: "Transactions",
+    //   numbers: transactions.length,
+    //   icon: (
+    //     <svg
+    //       width="20"
+    //       height="21"
+    //       viewBox="0 0 20 21"
+    //       fill="none"
+    //       xmlns="http://www.w3.org/2000/svg"
+    //     >
+    //       <g opacity="0.4">
+    //         <path
+    //           d="M8.95735 14.55V16.2417C8.95735 17.675 7.62404 18.8334 5.98237 18.8334C4.34071 18.8334 2.99902 17.675 2.99902 16.2417V14.55C2.99902 15.9834 4.33237 17 5.98237 17C7.62404 17 8.95735 15.975 8.95735 14.55Z"
+    //           stroke="#292D32"
+    //           stroke-linecap="round"
+    //           stroke-linejoin="round"
+    //         />
+    //         <path
+    //           d="M8.95784 12.2581C8.95784 12.6747 8.84118 13.0581 8.64118 13.3914C8.14952 14.1997 7.14118 14.7081 5.97451 14.7081C4.80784 14.7081 3.7995 14.1914 3.30784 13.3914C3.10784 13.0581 2.99121 12.6747 2.99121 12.2581C2.99121 11.5414 3.32453 10.8997 3.85786 10.4331C4.39953 9.95805 5.14117 9.6748 5.96617 9.6748C6.79117 9.6748 7.53286 9.96639 8.07453 10.4331C8.62451 10.8914 8.95784 11.5414 8.95784 12.2581Z"
+    //           stroke="#292D32"
+    //           stroke-linecap="round"
+    //           stroke-linejoin="round"
+    //         />
+    //         <path
+    //           d="M8.95735 12.2584V14.5501C8.95735 15.9834 7.62404 17.0001 5.98237 17.0001C4.34071 17.0001 2.99902 15.9751 2.99902 14.5501V12.2584C2.99902 10.8251 4.33237 9.66675 5.98237 9.66675C6.80737 9.66675 7.54906 9.95841 8.09073 10.4251C8.6241 10.8917 8.95735 11.5417 8.95735 12.2584Z"
+    //           stroke="#292D32"
+    //           stroke-linecap="round"
+    //           stroke-linejoin="round"
+    //         />
+    //       </g>
+    //       <path
+    //         d="M18.3338 9.64175V11.3584C18.3338 11.8167 17.9672 12.1917 17.5005 12.2084H15.8672C14.9672 12.2084 14.1422 11.5501 14.0672 10.6501C14.0172 10.1251 14.2172 9.63341 14.5672 9.29175C14.8755 8.97508 15.3005 8.79175 15.7672 8.79175H17.5005C17.9672 8.80841 18.3338 9.18341 18.3338 9.64175Z"
+    //         stroke="#292D32"
+    //         stroke-linecap="round"
+    //         stroke-linejoin="round"
+    //       />
+    //       <path
+    //         d="M1.66699 9.25008V7.58341C1.66699 5.31675 3.03366 3.73341 5.15866 3.46675C5.37533 3.43341 5.60033 3.41675 5.83366 3.41675H13.3337C13.5503 3.41675 13.7587 3.42507 13.9587 3.45841C16.1087 3.70841 17.5003 5.30008 17.5003 7.58341V8.79176H15.767C15.3003 8.79176 14.8753 8.97508 14.567 9.29175C14.217 9.63341 14.017 10.1251 14.067 10.6501C14.142 11.5501 14.967 12.2084 15.867 12.2084H17.5003V13.4167C17.5003 15.9167 15.8337 17.5834 13.3337 17.5834H11.2503"
+    //         stroke="#292D32"
+    //         stroke-linecap="round"
+    //         stroke-linejoin="round"
+    //       />
+    //     </svg>
+    //   ),
+    // },
     {
       name: "Orders",
       numbers: orders.length,