34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import * as React from 'react';
|
|
import { Hits, InstantSearch } from 'react-instantsearch-dom';
|
|
|
|
import { Columns } from 'ts/components/docs/layout/columns';
|
|
import { DocsPageLayout } from 'ts/components/docs/layout/docs_page_layout';
|
|
import { Resource } from 'ts/components/docs/resource/resource';
|
|
import { Separator } from 'ts/components/docs/separator';
|
|
import { Filters } from 'ts/components/docs/sidebar/filters';
|
|
|
|
import { searchClient, searchIndices } from 'ts/utils/algolia_search';
|
|
|
|
export const DocsGuides: React.FC = () => (
|
|
<DocsPageLayout title="Guides">
|
|
<InstantSearch searchClient={searchClient} indexName={searchIndices.guides}>
|
|
<Columns>
|
|
<Filters filters={filters} />
|
|
<Separator />
|
|
<Hits hitComponent={Resource} />
|
|
</Columns>
|
|
</InstantSearch>
|
|
</DocsPageLayout>
|
|
);
|
|
|
|
const filters = [
|
|
{
|
|
attribute: 'topics',
|
|
heading: 'Topic',
|
|
},
|
|
{
|
|
attribute: 'difficulty',
|
|
heading: 'Level',
|
|
},
|
|
];
|