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