more

src/Components/Document/DocumentListPage.js

@@ -33,11 +33,10 @@ const DocumentListPage = ({ perPage }) => {
   const [page, setPage] = useState(1);
   const [order, setOrder] = useState("parentCaseName");
   const appUserId = group ? group.appUserId : null;
-
   const [isBusy, setIsBusy] = useState(false);
   const [selectedDocumentType, setSelectedDocumentType] = useState();
   const [showModal, setShowModal] = useState(false);
-  const [responseVerbosity, setResponseVerbosity] = useState("");
+  const [value, setValue] = useState([1, 2]);
   const apiUrl =
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
@@ -152,10 +151,8 @@ const DocumentListPage = ({ perPage }) => {
     );
   }
 
-  const handleToggle = () => {
-    console.log(" <Toggle onClick={handleToggle} />");
-  };
-
+  const handleToggle = (val) => setValue(val);
+  console.log("value", value);
   function handleCancelDelete() {
     if (!isBusy) {
       setShowDeleteModal(false);
@@ -194,7 +191,7 @@ const DocumentListPage = ({ perPage }) => {
                     <div className="toggle-header"> Response Verbosity</div>
                     <div className="toggle-box">
                       <p className="select-billing-text">Min</p>
-                      <Toggle onClick={handleToggle} />
+                      <Toggle value={value} onClick={handleToggle} />
                       <p className="select-billing-text">Max</p>
                     </div>
                   </div>