update

src/components/ReactTable4/Buttons.js

@@ -8,13 +8,20 @@ export const Buttons = ({ row, addTab }) => {
   const [activeDetails, setActiveDetails] = useState(null);
   return (
     <div className="flex flex-row items-center justify-end">
+      <div
+        className=""
+        onClick={() => {
+          console.log("mahdi");
+          setActiveDetails(!activeDetails);
+        }}
+      >
         <button
           className="mx-1 flex flex-row items-center justify-around p-2 rounded border border-gray-300"
-        onClick={() => setActiveDetails(!activeDetails)}
           {...row.getToggleRowExpandedProps()}
         >
           جزئیات
           <img
+            // onClick={() => setActiveDetails(!activeDetails)}
             src={arrowIcon}
             alt=""
             className={`mx-1 w-3 cursor-pointer mr-2 ${
@@ -22,6 +29,7 @@ export const Buttons = ({ row, addTab }) => {
             }`}
           />
         </button>
+      </div>
       <div
         className="mx-1 p-2 rounded border border-gray-300 cursor-pointer"
         onClick={() => {