nikon/docsearch
1
0
Fork 0
Code Activity Actions

refactor(DocSearch): rename EmptyScreen to StartScreen

Browse source
This commit is contained in:
François Chalifour 2020-04-04 17:16:05 +02:00
parent 49c6347d8a
commit fea16e3a93
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/ScreenState.tsx
View file

@ -6,7 +6,7 @@ import {
import { StoredSearchPlugin } from './stored-searches'; import { StoredSearchPlugin } from './stored-searches';
import { InternalDocSearchHit, StoredDocSearchHit } from './types'; import { InternalDocSearchHit, StoredDocSearchHit } from './types';
import { EmptyScreen } from './EmptyScreen'; import { StartScreen } from './StartScreen';
import { ResultsScreen } from './ResultsScreen'; import { ResultsScreen } from './ResultsScreen';
import { NoResultsScreen } from './NoResultsScreen'; import { NoResultsScreen } from './NoResultsScreen';
import { ErrorScreen } from './ErrorScreen'; import { ErrorScreen } from './ErrorScreen';
@ -36,7 +36,7 @@ export function ScreenState(props: ScreenStateProps<InternalDocSearchHit>) {
if (!props.state.query) { if (!props.state.query) {
return ( return (
<EmptyScreen <StartScreen
{...(props as ScreenStateProps<any>)} {...(props as ScreenStateProps<any>)}
hasSuggestions={hasSuggestions} hasSuggestions={hasSuggestions}
/> />

6
src/EmptyScreen.tsx → src/StartScreen.tsx
View file

@ -9,7 +9,7 @@ import { StoredSearchPlugin } from './stored-searches';
import { Results } from './Results'; import { Results } from './Results';
import { ResetIcon, RecentIcon, StarIcon } from './icons'; import { ResetIcon, RecentIcon, StarIcon } from './icons';
interface EmptyScreenProps interface StartScreenProps
extends AutocompleteApi< extends AutocompleteApi<
StoredDocSearchHit, StoredDocSearchHit,
React.FormEvent, React.FormEvent,
@ -23,10 +23,10 @@ interface EmptyScreenProps
favoriteSearches: StoredSearchPlugin<StoredDocSearchHit>; favoriteSearches: StoredSearchPlugin<StoredDocSearchHit>;
} }
export function EmptyScreen(props: EmptyScreenProps) { export function StartScreen(props: StartScreenProps) {
if (props.state.status === 'idle' && props.hasSuggestions === false) { if (props.state.status === 'idle' && props.hasSuggestions === false) {
return ( return (
<div className="DocSearch-EmptyScreen"> <div className="DocSearch-StartScreen">
<p className="DocSearch-Help">Your search history will appear here.</p> <p className="DocSearch-Help">Your search history will appear here.</p>
</div> </div>
); );