From f6de1b7f93981aa8334a3118bd6859ed9e1daa66 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Mon, 25 Apr 2022 16:15:59 +0430
Subject: [PATCH] update App.js, src/components/CardDesign3/index.js and
 src/components/CustomToast2/index.js

---
 src/App.js                            |  4 +--
 src/components/CardDesign3/index.js   |  6 +++--
 src/components/CardDesign3/index.scss | 24 ++++++++++++++++++
 src/components/CustomToast2/index.js  | 35 +++++++++++++++++++++++++++
 4 files changed, 65 insertions(+), 4 deletions(-)
 create mode 100644 src/components/CardDesign3/index.scss

diff --git a/src/App.js b/src/App.js
index cd369f0..6786980 100644
--- a/src/App.js
+++ b/src/App.js
@@ -137,10 +137,10 @@ function App() {
         {/* <SidebarMenu /> */}
         {/* <SidebarDesign2 /> */}
         {/* <SidebarDesign2 className="w-1/5" /> */}
-        <FileManager />
+        {/* <FileManager /> */}
         {/* <GridListTable /> */}
         {/* <PopupCard /> */}
-        <TimeLineComponent />
+        {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}
diff --git a/src/components/CardDesign3/index.js b/src/components/CardDesign3/index.js
index 000aaa7..6f15e3a 100644
--- a/src/components/CardDesign3/index.js
+++ b/src/components/CardDesign3/index.js
@@ -4,11 +4,13 @@ import Button from "../Button";
 import TitleSubtitle from "../TitleSubtitle";
 import SearchBox from "../SearchBox";
 
+import "./index.scss";
+
 import searchIcon from "./search-icon.svg";
 
 const CardDesign3 = () => {
   return (
-    <div className="flex flex-col bg-white shadow-sm border border-[#d2d2d2] rounded max-w-[440px] mr-20 my-20 p-4">
+    <div className="max-h-[600px] overflow-y-auto scrollYDesign flex flex-col bg-white shadow-sm border border-[#d2d2d2] rounded max-w-[440px] mr-20 my-20 p-4">
       <TitleSubtitle
         subTitle={false}
         title={"افراد حاضر در این سالن"}
@@ -24,7 +26,7 @@ const CardDesign3 = () => {
           }
         />
       </div>
-      <CustomToast2 num={4} />
+      <CustomToast2 num={10} />
     </div>
   );
 };
diff --git a/src/components/CardDesign3/index.scss b/src/components/CardDesign3/index.scss
new file mode 100644
index 0000000..47f559c
--- /dev/null
+++ b/src/components/CardDesign3/index.scss
@@ -0,0 +1,24 @@
+.scrollYDesign::-webkit-scrollbar {
+  position: absolute;
+  left: 1px;
+  bottom: 0;
+  z-index: 2;
+  width: 4px;
+  /* width: 5px !important; */
+}
+
+.scrollYDesign::-webkit-scrollbar-button {
+  display: none;
+  appearance: none;
+}
+
+.scrollYDesign::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #b9d1f3;
+}
+
+.scrollYDesign::-webkit-scrollbar-track {
+  background-color: transparent !important;
+  display: none;
+  appearance: none;
+}
diff --git a/src/components/CustomToast2/index.js b/src/components/CustomToast2/index.js
index 10bab89..3dd90fe 100644
--- a/src/components/CustomToast2/index.js
+++ b/src/components/CustomToast2/index.js
@@ -88,6 +88,41 @@ CustomToast2.defaultProps = {
       idCard: 3110817631,
       number: "B07",
     },
+    {
+      profilePic: profilePic1,
+      name: "کامبیز هوشنمند",
+      enteryData: "1401/02/01",
+      idCard: 2980817631,
+      number: "B06",
+    },
+    {
+      profilePic: profilePic2,
+      name: "پارسا ایرانی",
+      enteryData: "1400/07/19",
+      idCard: 7000817631,
+      number: "B04",
+    },
+    {
+      profilePic: profilePic3,
+      name: "کامران مرادی",
+      enteryData: "1400/07/19",
+      idCard: 2423817631,
+      number: "B02",
+    },
+    {
+      profilePic: profilePic4,
+      name: "محمد علوی",
+      enteryData: "1400/07/19",
+      idCard: 3340817631,
+      number: "B01",
+    },
+    {
+      profilePic: profilePic5,
+      name: "محمد محمدی",
+      enteryData: "1400/07/19",
+      idCard: 3110817631,
+      number: "B07",
+    },
   ],
 };