From 87f049ba28a70330e05dee6a130e634dc4f62ec1 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Sat, 21 May 2022 16:55:20 +0430
Subject: [PATCH] update History.js

---
 src/components/Tabels/ReactTable5/History.js | 29 ++++----------------
 1 file changed, 6 insertions(+), 23 deletions(-)

diff --git a/src/components/Tabels/ReactTable5/History.js b/src/components/Tabels/ReactTable5/History.js
index 5b421a6..458576f 100644
--- a/src/components/Tabels/ReactTable5/History.js
+++ b/src/components/Tabels/ReactTable5/History.js
@@ -4,46 +4,29 @@ const History = ({ sentForms }) => {
   return (
     <div className="flex flex-col relative mx-2">
       {/* title */}
-      <span className="text-sm mb-4" style={{ color: "#65A9FF" }}>
-        توضیحات قبلی:
-      </span>
+      <span className="text-sm mb-4 text-[#65A9FF]">توضیحات قبلی:</span>
       {/* content */}
-      <div
-        style={{
-          backgroundColor: "#F8FBFF",
-          borderColor: "#C8DEF9",
-        }}
-        className="rounded-md border cursor-pointer h-44 no-scrollbar overflow-y-scroll	"
-      >
+      <div className="rounded-md bg-[#F8FBFF] border border-[#C8DEF9] cursor-pointer h-44 no-scrollbar overflow-y-scroll	">
         {/* {sentForms.slice(0, 4).map((sentForm, index) => ( */}
         {sentForms.map((sentForm, index) => (
           <div>
             {/* content */}
             <div className="p-2">
-              <p className="text-xs" style={{ color: "#00253A" }}>
-                {sentForm.title}
-              </p>
-              <p
-                className="text-xs text-left mt-2"
-                style={{ color: "#6397B5" }}
-              >
+              <p className="text-xs text-[#00253A]">{sentForm.title}</p>
+              <p className="text-xs text-left mt-2 text-[#6397B5]">
                 <span>تاریخ:</span>
-                {"  "}
                 {sentForm.date}
               </p>
             </div>
             {/* border */}
             {Number(index) !== sentForms.length - 1 && (
-              <div className="border" style={{ borderColor: "#C8DEF9" }}></div>
+              <div className="border border-[#C8DEF9]"></div>
             )}
           </div>
         ))}
       </div>
       {/* left border */}
-      <div
-        style={{ bottom: "33%", backgroundColor: "#C8DEF9" }}
-        className="absolute left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded"
-      ></div>
+      <div className="absolute bottom-[33%] bg-[#C8DEF9] left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded"></div>
     </div>
   );
 };