update History.js

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>
   );
 };