diff --git a/src/components/ReactTable4/Buttons.js b/src/components/ReactTable4/Buttons.js
index 4701c29..6bb6fca 100644
--- a/src/components/ReactTable4/Buttons.js
+++ b/src/components/ReactTable4/Buttons.js
@@ -1,9 +1,9 @@
+import { useState } from "react";
+
import arrowIcon from "./arrow-icon.svg";
import more from "./more2.svg";
import edit from "./edit.svg";
-import { useState } from "react";
-
export const Buttons = ({ row, addTab }) => {
const [activeDetails, setActiveDetails] = useState(null);
return (
@@ -13,7 +13,7 @@ export const Buttons = ({ row, addTab }) => {
onClick={() => setActiveDetails(!activeDetails)}
{...row.getToggleRowExpandedProps()}
>
- جزپیات
+ جزئیات
{
>
-
+
);
};
diff --git a/src/components/ReactTable4/RenderRowSubComponent.js b/src/components/ReactTable4/RenderRowSubComponent.js
new file mode 100644
index 0000000..d4dee15
--- /dev/null
+++ b/src/components/ReactTable4/RenderRowSubComponent.js
@@ -0,0 +1,271 @@
+import React from "react";
+
+const RenderRowSubComponent = ({ columns, addTab, row }) => {
+ console.log(row);
+
+ return (
+
+ نام و نام خانوادگی: + {row.name} +
++ تاریخ سفارش: + {row.order_date} +
++ مبلغ سفارش: + {row.order_price} +
++ شماره سفارش: + {row.order_number} +
++ شغل کاربر: + {row.user_job} +
++ وضعیت سفارش: + + {columns[5].Cell({ value: row.order_status })} + +
++ سطح اهمیت: + + {columns[6].Cell({ value: row.order_level })} + +
++ محل تولد: + {row.birth_place} +
++ تلفن محل کار: + {row.office_phone} +
++ تحصیلات: + {row.education} +
++ تاریخ تولد: + {row.birth_day} +
++ شغل: + {row.job} +
++ دانشگاه: + {row.uni} +
++ رشته تحصیلی: + {row.field_study} +
++ اخلاق: + {row.behaviour} +
++ نشانی: + {row.address} +
+