Use navigate from gatsby

plouc · Jun 20, 2023 · e35e3c8 · e35e3c8
1 parent 31ce26a
commit e35e3c8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 17 deletions.
diff --git a/website/src/components/components/explorer/ComponentsExplorer.tsx b/website/src/components/components/explorer/ComponentsExplorer.tsx
@@ -6,20 +6,15 @@ import PageContent from '../../PageContent'
 import { ComponentsSearch } from './ComponentsSearch'
 import { ComponentsFilters } from './ComponentsFilters'
 import { ComponentsGrid } from './ComponentsGrid'
+import { navigate } from 'gatsby'
 
 interface ComponentsExplorerProps {
  location: {
  search: string
  }
- navigate: (
- path: string,
- options?: {
- replace?: boolean
- }
- ) => void
 }
 
-export const ComponentsExplorer = ({ location, navigate }: ComponentsExplorerProps) => {
+export const ComponentsExplorer = ({ location }: ComponentsExplorerProps) => {
  const [term, filter] = useMemo(() => {
  const params = new URLSearchParams(location.search)
  return [params.get('q'), params.get('filter')]
@@ -35,7 +30,7 @@ export const ComponentsExplorer = ({ location, navigate }: ComponentsExplorerPro
  replace: true,
  })
  },
- [filter, navigate]
+ [filter]
  )
  const handleFilter = useCallback(
  (filter: string | null) => {
@@ -45,7 +40,7 @@ export const ComponentsExplorer = ({ location, navigate }: ComponentsExplorerPro
 
  navigate(`/components/?${params.toString()}`)
  },
- [term, navigate]
+ [term]
  )
 
  return (

diff --git a/website/src/pages/components.tsx b/website/src/pages/components.tsx
@@ -7,19 +7,13 @@ interface ComponentsProps {
  location: {
  search: string
  }
- navigate: (
- path: string,
- options?: {
- replace?: boolean
- }
- ) => void
 }
 
-const Components = ({ location, navigate }: ComponentsProps) => {
+const Components = ({ location }: ComponentsProps) => {
  return (
  <Layout>
  <Seo title="Components" />
- <ComponentsExplorer location={location} navigate={navigate} />
+ <ComponentsExplorer location={location} />
  </Layout>
  )
 }