From 5027ead5eb7ecd56fab865de448f52010af8f705 Mon Sep 17 00:00:00 2001
From: mahdi andalib <andalibmahdi45@gmail.com>
Date: Wed, 6 Jul 2022 18:44:27 +0430
Subject: [PATCH] =?UTF-8?q?update=204=20files=20and=20delete=202=20files?=
 =?UTF-8?q?=20=D8=A7=D8=AF=D8=A7=D9=85=D9=87=20=DA=A9=D8=A7=D8=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomSelectBox/index.js |  2 +-
 src/components/FormInput/index.js       | 33 -------------------------
 src/components/Modal/index.js           |  3 +--
 src/components/Popup/index.js           |  7 ------
 src/components/Tabbar/index.js          |  5 ++--
 src/components/Tavabee/index.js         | 23 +++++++++++++++++
 src/index.scss                          |  6 +++++
 7 files changed, 34 insertions(+), 45 deletions(-)
 delete mode 100644 src/components/FormInput/index.js
 delete mode 100644 src/components/Popup/index.js
 create mode 100644 src/components/Tavabee/index.js

diff --git a/src/components/CustomSelectBox/index.js b/src/components/CustomSelectBox/index.js
index 6ed8319..2bdbd70 100644
--- a/src/components/CustomSelectBox/index.js
+++ b/src/components/CustomSelectBox/index.js
@@ -2,7 +2,7 @@ import React from "react";
 
 const CustomSelectBox = ({ options }) => {
   return (
-    <select className="customizeSelect rounded text-xs text-black py-2 bg-gray-200 focus:bg-white border-gray-200 focus:border-[#2483E1] focus:ring-transparent">
+    <select className="customizeSelect rounded text-xs text-black font-bold py-2 bg-[#FBFBFB] border focus:bg-[#f5f5f5] border-[#DBDBDB] focus:border-[#DBDBDB] focus:ring-transparent">
       {options.map((option, index) => (
         <option className="text-black" key={index}>
           {option.title}
diff --git a/src/components/FormInput/index.js b/src/components/FormInput/index.js
deleted file mode 100644
index d203b18..0000000
--- a/src/components/FormInput/index.js
+++ /dev/null
@@ -1,33 +0,0 @@
-// it has style inside index.scss ---> // Start FormInput Component && end FormInput Component
-
-import React from "react";
-import CustomSelectBox from "../CustomSelectBox";
-
-const FormInput = ({ items }) => {
-  return (
-    <div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-gray-400 divide-x-reverse ">
-      <div className="flex-grow flex-1 flex flex-col gap-y-4 px-4">
-        <CustomSelectBox />
-      </div>
-      <div className="flex-grow flex-1 flex flex-col gap-y-4 px-4">
-        <CustomSelectBox />
-      </div>
-    </div>
-  );
-};
-
-export default FormInput;
-
-FormInput.defaultProps = {
-  items: [
-    {
-      title: "mahdi",
-    },
-    {
-      title: "mahdi",
-    },
-    {
-      title: "mahdi",
-    },
-  ],
-};
diff --git a/src/components/Modal/index.js b/src/components/Modal/index.js
index 71ea991..5aa2c65 100644
--- a/src/components/Modal/index.js
+++ b/src/components/Modal/index.js
@@ -2,7 +2,6 @@ import React, { useState } from "react";
 
 import Button from "../Button";
 import Tabbar from "../Tabbar";
-import FormInput from "../FormInput";
 
 const Modal = () => {
   const [openModal, setOpenModal] = useState(false);
@@ -39,7 +38,7 @@ const Modal = () => {
           </div>
           <div className="w-full flex flex-col items-end p-2 bg-[#e2dfdf]">
             <Button
-              className="w-fit p-2 bg-[#3C58EA] text-white rounded-md"
+              className="w-fit p-2 bg-[#3C58EA] text-white rounded-md text-sm"
               text={"ذخیره و ثبت اطلاعات"}
               iconHolderClassName={"mr-0"}
             />
diff --git a/src/components/Popup/index.js b/src/components/Popup/index.js
deleted file mode 100644
index 5cff529..0000000
--- a/src/components/Popup/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from "react";
-
-const Popup = () => {
-  return <div>Popup</div>;
-};
-
-export default Popup;
diff --git a/src/components/Tabbar/index.js b/src/components/Tabbar/index.js
index 67384a3..3f1323a 100644
--- a/src/components/Tabbar/index.js
+++ b/src/components/Tabbar/index.js
@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import Button from "../Button";
+import Tavabee from "../Tavabee";
 
 const Tabbar = ({ tabs }) => {
   const [activeTab, setActiveTab] = useState();
@@ -37,8 +38,8 @@ Tabbar.defaultProps = {
     {
       title: "تنظیمات",
       className: "rounded-tr-md rounded-br-md border-r-2",
-      components: "mahdi",
-      bg: "bg-blue-500",
+      components: <Tavabee />,
+      bg: "bg-transparent",
     },
     {
       title: "سوالات",
diff --git a/src/components/Tavabee/index.js b/src/components/Tavabee/index.js
new file mode 100644
index 0000000..e161e4c
--- /dev/null
+++ b/src/components/Tavabee/index.js
@@ -0,0 +1,23 @@
+import React from "react";
+import CustomSelectBox from "../CustomSelectBox";
+
+const Tavabee = () => {
+  return (
+    <div className="w-full flex flex-row items-center justify-between mx-auto rounded-sm shadow-sm divide-x-2 divide-[#E3E3E3] divide-x-reverse">
+      <div className="flex-grow flex-1 flex flex-col pl-5">
+        <p className="mb-4 mt-2 font-bold text-[#00253A] text-sm">تابع شروع</p>
+        <div className="flex flex-col gap-y-7">
+          <CustomSelectBox /> <CustomSelectBox />
+        </div>
+      </div>
+      <div className="flex-grow flex-1 flex flex-col pr-5">
+        <p className="mb-4 mt-2 font-bold text-[#00253A] text-sm">تابع شروع</p>
+        <div className="flex flex-col gap-y-7">
+          <CustomSelectBox /> <CustomSelectBox />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Tavabee;
diff --git a/src/index.scss b/src/index.scss
index 14d2354..5ef4af7 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -25,3 +25,9 @@ body {
 .ltr {
   direction: ltr;
 }
+
+// ? class for selectbox inside -->> CustomSelectBox  <<--
+.customizeSelect {
+  background-position: left 0.5rem center;
+  padding-right: 1rem;
+}