crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed not all guides / tools showing up on a page

Browse Source
This commit is contained in:
Piotr Janosz
2019-08-20 16:50:01 +02:00
committed by fabioberger
parent 1005e4962a
commit f2d95477e6
4 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/ts/components/docs/search/search_input.tsx
View File

@@ -3,7 +3,7 @@ import { Configure, Index, InstantSearch } from 'react-instantsearch-dom';
import { AutoComplete } from 'ts/components/docs/search/autocomplete';
import { searchClient, searchIndices } from 'ts/utils/algolia_constants';
import { hitsPerPage, searchClient, searchIndices } from 'ts/utils/algolia_constants';
interface ISearchInputProps {
isHome?: boolean;
@@ -12,7 +12,7 @@ interface ISearchInputProps {
export const SearchInput: React.FC<ISearchInputProps> = ({ isHome }) => (
<InstantSearch searchClient={searchClient} indexName={searchIndices.tools}>
<AutoComplete isHome={isHome} />
<Configure hitsPerPage={5} distinct={true} />
<Configure hitsPerPage={hitsPerPage.autocomplete} />
{/* We could map these when we decide to show api explorer in search results */}
<Index indexName={searchIndices.tools} />
<Index indexName={searchIndices.guides} />

5
packages/website/ts/pages/docs/guides.tsx
View File

@@ -1,5 +1,5 @@
import * as React from 'react';
import { Hits, InstantSearch } from 'react-instantsearch-dom';
import { Configure, Hits, InstantSearch } from 'react-instantsearch-dom';
import { Columns } from 'ts/components/docs/layout/columns';
import { DocsPageLayout } from 'ts/components/docs/layout/docs_page_layout';
@@ -7,11 +7,12 @@ import { Resource } from 'ts/components/docs/resource/resource';
import { Separator } from 'ts/components/docs/shared/separator';
import { Filters } from 'ts/components/docs/sidebar/filters';
import { searchClient, searchIndices } from 'ts/utils/algolia_constants';
import { hitsPerPage, searchClient, searchIndices } from 'ts/utils/algolia_constants';
export const DocsGuides: React.FC = () => (
<DocsPageLayout title="Guides">
<InstantSearch searchClient={searchClient} indexName={searchIndices.guides}>
<Configure hitsPerPage={hitsPerPage.pages} />
<Columns>
<Filters filters={filters} />
<Separator />

5
packages/website/ts/pages/docs/tools.tsx
View File

@@ -1,5 +1,5 @@
import * as React from 'react';
import { connectHits, InstantSearch } from 'react-instantsearch-dom';
import { Configure, connectHits, InstantSearch } from 'react-instantsearch-dom';
import styled from 'styled-components';
import { FeatureLink } from 'ts/components/docs/tools/feature_link';
@@ -15,7 +15,7 @@ import { Separator } from 'ts/components/docs/shared/separator';
import { IHit } from 'ts/components/docs/search/autocomplete';
import { searchClient, searchIndices } from 'ts/utils/algolia_constants';
import { hitsPerPage, searchClient, searchIndices } from 'ts/utils/algolia_constants';
interface IHitsProps {
hits: IHit[];
@@ -25,6 +25,7 @@ export const DocsTools: React.FC = () => {
return (
<DocsPageLayout title="Tools">
<InstantSearch searchClient={searchClient} indexName={searchIndices.tools}>
<Configure hitsPerPage={hitsPerPage.pages} />
<Columns>
<Filters filters={filters} />
<Separator />

7
packages/website/ts/utils/algolia_constants.ts
View File

@@ -7,6 +7,8 @@ const ALGOLIA_CLIENT_API_KEY = '53793d35f5e6b0583d273c4015373c3b';
// @TODO: Move the following somewhere safe / out of the repo
const ALGOLIA_ADMIN_API_KEY = 'b158fad22eba28a2660ae045c5766378';
const ALGOLIA_MAX_NUMBER_HITS = 1000; // Limit set by algolia
export interface IAlgoliaSettings {
distinct: boolean;
attributeForDistinct: string;
@@ -19,6 +21,11 @@ export interface IAlgoliaSettings {
export const searchClient = algoliasearch(ALGOLIA_APP_ID, ALGOLIA_CLIENT_API_KEY);
export const adminClient = algoliasearch(ALGOLIA_APP_ID, ALGOLIA_ADMIN_API_KEY);
export const hitsPerPage = {
autocomplete: 5,
pages: ALGOLIA_MAX_NUMBER_HITS, // Maximum set by algolia
};
export const searchIndices: ObjectMap<string> = {
'api-explorer': '0x_api_explorer',
'core-concepts': '0x_core_concepts',