From 6b7e36b906d8c99058938483dde7afe058543817 Mon Sep 17 00:00:00 2001
From: mahdi andalib <andalibmahdi45@gmail.com>
Date: Tue, 22 Feb 2022 14:11:27 +0330
Subject: [PATCH] update

---
 src/components/ReactTable4/Buttons.js  |   4 +-
 src/components/ReactTable4/Checkbox.js |   1 -
 src/components/ReactTable4/EditRow.js  | 630 ++++++++++++++-----------
 3 files changed, 346 insertions(+), 289 deletions(-)

diff --git a/src/components/ReactTable4/Buttons.js b/src/components/ReactTable4/Buttons.js
index 3134228..e994201 100644
--- a/src/components/ReactTable4/Buttons.js
+++ b/src/components/ReactTable4/Buttons.js
@@ -3,6 +3,7 @@ import { useState } from "react";
 import arrowIcon from "./arrow-icon.svg";
 import more from "./more2.svg";
 import edit from "./edit.svg";
+import DropDown from "./DropDown";
 
 export const Buttons = ({ row, addTab }) => {
   const [activeDetails, setActiveDetails] = useState(null);
@@ -36,7 +37,8 @@ export const Buttons = ({ row, addTab }) => {
       >
         <img src={edit} alt="" className="w-4" />
       </div>
-      <img src={more} alt="" className="w-5 cursor-pointer" />
+      {/* <img src={more} alt="" className="w-5 cursor-pointer" /> */}
+      <DropDown />
     </div>
   );
 };
diff --git a/src/components/ReactTable4/Checkbox.js b/src/components/ReactTable4/Checkbox.js
index bf3382e..7a63ae4 100644
--- a/src/components/ReactTable4/Checkbox.js
+++ b/src/components/ReactTable4/Checkbox.js
@@ -11,7 +11,6 @@ export const Checkbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {
   return (
     <>
       <input type="checkbox" ref={resolvedRef} {...rest} />
-      <h2>mahdi</h2>
     </>
   );
 });
diff --git a/src/components/ReactTable4/EditRow.js b/src/components/ReactTable4/EditRow.js
index 72e6f19..5d1ef5d 100644
--- a/src/components/ReactTable4/EditRow.js
+++ b/src/components/ReactTable4/EditRow.js
@@ -2,301 +2,357 @@ import React from "react";
 
 const EditRow = ({ row, columns }) => {
   // console.log(columns);
-
   return (
-    <div
-      className="flex flex-col border-r-4 border-blue-600 p-2 rounded-sm"
-      style={{ backgroundColor: "#F1F5FE" }}
-    >
-      {/* 1 */}
-      <div className="flex flex-col mr-2 my-2">
-        <div className="flex flex-row">
-          <div
-            className="w-1 h-4 ml-1 rounded"
-            style={{ backgroundColor: "#65A9FF" }}
-          ></div>
-          <p
-            className="text-xs text-blue-400"
-            style={{ borderColor: "#65A9FF" }}
-          >
-            نام و نام خانوادگی:
-          </p>
+    <section className="bg-white p-4 rounded shadow-md ">
+      <div
+        className="flex flex-col border-r-4 border-blue-600 p-2 rounded-md"
+        style={{ backgroundColor: "#F1F5FE" }}
+      >
+        {/* 1 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              نام و نام خانوادگی:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.name}
+            // style={{ width: "100%" }}
+          />
         </div>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.name}
-          // style={{ width: "100%" }}
-        />
-      </div>
-      {/* 2 */}
-      <div className="flex flex-col mr-2 my-2">
-        <div className="flex flex-row">
-          <div
-            className="w-1 h-4 ml-1 rounded"
-            style={{ backgroundColor: "#65A9FF" }}
-          ></div>
-          <p
-            className="text-xs text-blue-400"
-            style={{ borderColor: "#65A9FF" }}
-          >
-            تاریخ سفارش:
-          </p>
+        {/* 2 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              تاریخ سفارش:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.order_date}
+          />
         </div>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.order_date}
-        />
-      </div>
-      {/* 3 */}
-      <div className="flex flex-col mr-2 my-2">
-        <div className="flex flex-row">
-          <div
-            className="w-1 h-4 ml-1 rounded"
-            style={{ backgroundColor: "#65A9FF" }}
-          ></div>
-          <p
-            className="text-xs text-blue-400"
-            style={{ borderColor: "#65A9FF" }}
-          >
-            مبلغ سفارش:
-          </p>
+        {/* 3 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              مبلغ سفارش:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.order_price}
+          />
         </div>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.order_price}
-        />
-      </div>
-      {/* 4 */}
-      <div className="flex flex-col mr-2 my-2">
-        <div className="flex flex-row">
-          <div
-            className="w-1 h-4 ml-1 rounded"
-            style={{ backgroundColor: "#65A9FF" }}
-          ></div>
-          <p
-            className="text-xs text-blue-400"
-            style={{ borderColor: "#65A9FF" }}
-          >
-            شماره سفارش:
-          </p>
+        {/* 4 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              شماره سفارش:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.order_number}
+          />
         </div>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.order_number}
-        />
-      </div>
-      {/* 5 */}
-      <div className="flex flex-col mr-2 my-2">
-        <div className="flex flex-row">
-          <div
-            className="w-1 h-4 ml-1 rounded"
-            style={{ backgroundColor: "#65A9FF" }}
-          ></div>
-          <p
-            className="text-xs text-blue-400"
-            style={{ borderColor: "#65A9FF" }}
-          >
-            شغل کاربر:
-          </p>
+        {/* 5 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              شغل کاربر:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.user_job}
+          />
         </div>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.user_job}
-        />
-      </div>
-      {/* 6 */}
-      <div className="flex flex-col mr-2 my-2">
-        <div className="flex flex-row">
-          <div
-            className="w-1 h-4 ml-1 rounded"
-            style={{ backgroundColor: "#65A9FF" }}
-          ></div>
-          <p
-            className="text-xs text-blue-400"
-            style={{ borderColor: "#65A9FF" }}
-          >
-            وضعیت سفارش:
-          </p>
+        {/* 6 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              وضعیت سفارش:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.order_status}
+          />
+        </div>
+        {/* 7 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              سطح اهمیت:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.order_level}
+          />
+        </div>
+        {/* 8 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              محل تولد:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.birth_place}
+          />
+        </div>
+        {/* 9 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              تلفن محل کار:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.office_phone}
+          />
+        </div>
+        {/* 10 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              تحصیلات:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.education}
+          />
+        </div>
+        {/* 11 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              تاریخ تولد:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.birth_day}
+          />
+        </div>
+        {/* 12 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              شغل:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.job}
+          />
+        </div>
+        {/* 13 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              دانشگاه:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.uni}
+          />
+        </div>
+        {/* 14 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              رشته تحصیلی:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.field_study}
+          />
+        </div>
+        {/* 15 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              اخلاق:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.behaviour}
+          />
+        </div>
+        {/* 16 */}
+        <div className="flex flex-col mr-2 my-2">
+          <div className="flex flex-row">
+            <div
+              className="w-1 h-4 ml-1 rounded"
+              style={{ backgroundColor: "#65A9FF" }}
+            ></div>
+            <p
+              className="text-xs text-blue-400"
+              style={{ borderColor: "#65A9FF" }}
+            >
+              نشانی:
+            </p>
+          </div>
+          <input
+            type="text"
+            style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
+            className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
+            value={row.address}
+          />
         </div>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-12/12 mx-4 text-black text-xs rounded-sm mt-4 border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.order_status}
-        />
-      </div>
-      {/* 7 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          سطح اهمیت:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          // {columns[6].Cell({ value: row.order_level })}
-          value={row.order_level}
-        />
-      </div>
-      {/* 8 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          محل تولد:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.birth_place}
-        />
-      </div>
-      {/* 9 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          تلفن محل کار:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.office_phone}
-        />
-      </div>
-      {/* 10 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          تحصیلات:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.education}
-        />
-      </div>
-      {/* 11 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          تاریخ تولد:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.birth_day}
-        />
-      </div>
-      {/* 12 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          شغل:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.job}
-        />
-      </div>
-      {/* 13 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          دانشگاه:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.uni}
-        />
-      </div>
-      {/* 14 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          رشته تحصیلی:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-fit mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.field_study}
-        />
-      </div>
-      {/* 15 */}
-      <div className="flex flex-row items-center mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          اخلاق:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-full mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.behaviour}
-        />
       </div>
-      {/* 16 */}
-      <div className=" mr-2 my-2">
-        <div
-          className="w-1 h-4 ml-1 rounded"
-          style={{ backgroundColor: "#EDF2FB" }}
-        ></div>
-        <p className="text-xs text-blue-400" style={{ borderColor: "#65A9FF" }}>
-          نشانی:
-        </p>
-        <input
-          type="text"
-          style={{ backgroundColor: "#F9FBFF", borderColor: "#B5D6FF" }}
-          className="w-full mr-1 text-black text-xs rounded-sm  border p-1 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
-          value={row.address}
-        />
-      </div>{" "}
-    </div>
+      <button
+        className="text-sm text-white mt-4 rounded px-4 py-2 mr-10"
+        style={{ backgroundColor: "#65A9FF" }}
+      >
+        به روز رسانی
+      </button>
+    </section>
   );
 };