Revert previous filter hotfix

Author: kiminkim724

components/search/bills/BillSearch.tsx

@@ -109,16 +109,14 @@ const Layout: FC<
 
   const { t } = useTranslation("billSearch")
 
-  const inline = useMediaQuery("(min-width: 768px)")
-
   return (
     <SearchContainer>
       <Row>
         <SearchBox placeholder="Search For Bills" className="mt-2 mb-3" />
       </Row>
       <Row>
-        <Col xs={3} lg={3}>
-          {inline ? refinements.options : null}
+        <Col xs={0} lg={3}>
+          {refinements.options}
         </Col>
         <Col className="d-flex flex-column">
           <RefinementRow>

components/search/testimony/TestimonySearch.tsx

@@ -151,7 +151,7 @@ const Layout = () => {
             />
           </Row>
           <Row>
-            <Col xs={3} lg={3}>
+            <Col xs={0} lg={3}>
               {refinements.options}
             </Col>
             <Col className="d-flex flex-column">

components/search/useRefinements.tsx

@@ -69,28 +69,25 @@ export const useRefinements = ({
         <div>{refinements}</div>
       </>
     ) : (
-      <>
-        <div>{hierarchicalMenu}</div>
-        <div>{refinements}</div>
-      </>
-      //   <Offcanvas show={show} onHide={handleClose}>
-      //     <Offcanvas.Header closeButton>
-      //       <Offcanvas.Title>{t("filter")}</Offcanvas.Title>
-      //     </Offcanvas.Header>
-      //     <Offcanvas.Body>
-      //       <SearchContainer>{hierarchicalMenu}</SearchContainer>
-      //       <SearchContainer>{refinements}</SearchContainer>
-      //     </Offcanvas.Body>
-      //   </Offcanvas>
+      <Offcanvas show={show} onHide={handleClose}>
+        <Offcanvas.Header closeButton>
+          <Offcanvas.Title>{t("filter")}</Offcanvas.Title>
+        </Offcanvas.Header>
+        <Offcanvas.Body>
+          <SearchContainer>{hierarchicalMenu}</SearchContainer>
+          <SearchContainer>{refinements}</SearchContainer>
+        </Offcanvas.Body>
+      </Offcanvas>
     ),
-    show: inline ? null : null
-    // <FilterButton
-    //   variant="secondary"
-    //   active={show}
-    //   onClick={handleOpen}
-    //   className={hasRefinements ? "ais-FilterButton-has-refinements" : ""}
-    // >
-    //   <FontAwesomeIcon icon={faFilter} /> {t("filter")}
-    // </FilterButton>
+    show: inline ? null : (
+      <FilterButton
+        variant="secondary"
+        active={show}
+        onClick={handleOpen}
+        className={hasRefinements ? "ais-FilterButton-has-refinements" : ""}
+      >
+        <FontAwesomeIcon icon={faFilter} /> {t("filter")}
+      </FilterButton>
+    )
   }
 }