reordered and renamed filters

Author: mertbagt

components/search/bills/BillSearch.tsx

@@ -16,7 +16,7 @@ import { SearchContainer } from "../SearchContainer"
 import { SearchErrorBoundary } from "../SearchErrorBoundary"
 import { useRouting } from "../useRouting"
 import { BillHit } from "./BillHit"
-import { useBillRefinements } from "./useBillRefinements"
+import { useBillRefinements, useCourtRefinements } from "./useBillRefinements"
 import { useBillHierarchicalMenu } from "./useBillHierarchicalMenu"
 import { SortBy, SortByWithConfigurationItem } from "../SortBy"
 import { getServerConfig } from "../common"
@@ -101,17 +101,21 @@ const useSearchStatus = () => {
 const Layout: FC<
   React.PropsWithChildren<{ items: SortByWithConfigurationItem[] }>
 > = ({ items }) => {
+  const courtRefinements = useCourtRefinements()
   const refinements = useBillRefinements()
   const hierarchicalMenu = useBillHierarchicalMenu()
   const status = useSearchStatus()
 
+  console.log("Refinement Options", refinements.options)
+
   return (
     <SearchContainer>
       <Row>
         <SearchBox placeholder="Search For Bills" className="mt-2 mb-3" />
       </Row>
       <Row>
         <Col xs={3} lg={3}>
+          {courtRefinements.options}
           {hierarchicalMenu.options}
           {refinements.options}
         </Col>

components/search/bills/useBillRefinements.tsx

@@ -3,7 +3,7 @@ import { RefinementListItem } from "instantsearch.js/es/connectors/refinement-li
 import { useCallback } from "react"
 import { useRefinements } from "../useRefinements"
 
-export const useBillRefinements = () => {
+export const useCourtRefinements = () => {
   const baseProps = { limit: 500, searchable: true }
   const propsList = [
     {
@@ -18,9 +18,17 @@ export const useBillRefinements = () => {
         []
       ),
       attribute: "court",
-      searchablePlaceholder: "General Court",
+      searchablePlaceholder: "Legislative Session",
       ...baseProps
-    },
+    }
+  ]
+
+  return useRefinements({ refinementProps: propsList })
+}
+
+export const useBillRefinements = () => {
+  const baseProps = { limit: 500, searchable: true }
+  const propsList = [
     {
       attribute: "currentCommittee",
       ...baseProps,