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} +
+