update src/Views/Home/Sidebar/index.js and data.js

src/Views/Home/Sidebar/index.js

@@ -5,20 +5,20 @@ import { components } from "../../../redux/actions";
 function Sidebar({ list, setActive }) {
   return (
     <div className="lg:flex lg:flex-col lg:w-1/6 lg:h-full ltr">
-      <header className="w-full h-16 flex flex-row items-center py-4 px-4 bg-gray-600">
+      <header className="w-full h-16 flex flex-row items-center p-4 bg-gray-600">
         <img
           src={"https://barnamenegar.ir/static/media/white logo 2.7ffbddbc.svg"}
           alt="logo"
           className="w-full"
         />
       </header>
-      <ul className="w-full max-h-full flex-1 p-0 m-0 list-none divided divide-y  overflow-y-scroll divide-blue-600 border-r border-gray-600">
+      <ul className="w-full max-h-full flex-1 p-0 m-0 border-r border-gray-600 divided divide-y divide-gray-900 overflow-y-scroll  list-none">
         {list
           .sort((a, b) => (a.name > b.name ? 1 : -1))
           .map((material, index) => (
             <li
               key={index}
-              className="w-full h-12 py-3 px-3 cursor-pointer"
+              className="w-full h-12 flex items-center p-2 odd:bg-gray-300 even:bg-slate-400 odd:text-gray-600 even:text-white text-center font-sansbold cursor-pointer"
               onClick={() => setActive(material)}
             >
               {material.name}

src/redux/data.js

@@ -74,7 +74,7 @@
 // import CustomToast from "./components/CustomToast";
 // import IconText from "./components/IconText";
 // import CardDesign2 from "./components/CardDesign2";
-// import ButtonDivTag from "./components/ButtonDivTag";
+import ButtonDivTag from "../components/ButtonDivTag";
 import Button from "../components/Button";
 
 // import LeafletMap from "./components/LeafletMap";
@@ -104,6 +104,16 @@ const components = [
       code: null,
     },
   },
+  {
+    name: "ButtonDivTag",
+    author: "Andalib",
+    props: [],
+    content: {
+      name: "ButtonDivTag",
+      component: <ButtonDivTag />,
+      code: null,
+    },
+  },
 ];
 
 export default components;