From 24c6c45701b3257a140501413991c11d02ab08de Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Tue, 22 Feb 2022 11:24:31 +0330 Subject: [PATCH] update --- src/components/ReactTable4/Settings.js | 43 +++++++++++++++++++++----- 1 file changed, 35 insertions(+), 8 deletions(-) diff --git a/src/components/ReactTable4/Settings.js b/src/components/ReactTable4/Settings.js index f5e3f77..a5b70f2 100644 --- a/src/components/ReactTable4/Settings.js +++ b/src/components/ReactTable4/Settings.js @@ -1,13 +1,40 @@ -import React from "react"; +import React, { useState } from "react"; +import { ToggleColumns } from "./ToggleColumns"; + import settings from "./settings.svg"; -export const Settings = ({}) => { +export const Settings = ({ allColumns, getToggleHideAllColumnsProps }) => { + const [openModal, setOpenModal] = useState(false); + console.log(openModal); + return ( -
- -
+
+
setOpenModal(true)} + data-modal-toggle="large-modal" + style={{ backgroundColor: "#F9FBFF" }} + className="mr-2 flex flex-col items-center justify-center p-1 rounded" + > + +
+ {/* modal */} +
setOpenModal(false)} + > +
e.stopPropagation()} + onClick={() => setOpenModal(false)} + > + +
+
+
); };