@@ -3,39 +3,50 @@ import React, { FC } from "react";
3
3
import styled from "styled-components" ;
4
4
5
5
const ActualResultListWrapper = styled . ul `
6
- list-style: none;
7
- padding: 0;
8
- margin: 0;
6
+ list-style: none;
7
+ padding: 0;
8
+ margin: 0;
9
9
10
- & > li {
11
- margin: 0;
12
- }
10
+ & > li {
11
+ margin: 0;
12
+ }
13
13
` ;
14
14
15
- const ActualResultList : FC < { Results : React . ReactNodeArray } > = ( { Results } ) => (
16
- < ActualResultListWrapper > {
17
- Results . map ( ( Result , i ) => < li key = { i } >
18
- { Result }
19
- < Divider />
20
- </ li > )
21
- } </ ActualResultListWrapper >
15
+ const ActualResultList : FC < { Results : React . ReactNodeArray } > = ( {
16
+ Results,
17
+ } ) => (
18
+ < ActualResultListWrapper >
19
+ { Results . map ( ( Result , i ) => (
20
+ < li key = { i } >
21
+ { Result }
22
+ < Divider />
23
+ </ li >
24
+ ) ) }
25
+ </ ActualResultListWrapper >
22
26
) ;
23
27
24
28
export interface ResultListProps {
25
- children ?: undefined ;
26
- loading : boolean ;
27
- Results : React . ReactNodeArray ;
28
- LoadingSplash : React . ReactNode ;
29
- NoResultSplash : React . ReactNode ;
29
+ children ?: undefined ;
30
+ loading : boolean ;
31
+ Results : React . ReactNodeArray ;
32
+ LoadingSplash : React . ReactNode ;
33
+ NoResultSplash : React . ReactNode ;
30
34
}
31
35
32
- export const ResultList : FC < ResultListProps > = ( { loading, LoadingSplash, NoResultSplash, Results } ) => {
33
- if ( loading ) {
34
- return < > { LoadingSplash } </ > ;
35
- }
36
- return ( Results && Results . length > 0 )
37
- ? < ActualResultList Results = { Results } />
38
- : < > { NoResultSplash } </ > ;
36
+ export const ResultList : FC < ResultListProps > = ( {
37
+ loading,
38
+ LoadingSplash,
39
+ NoResultSplash,
40
+ Results,
41
+ } ) => {
42
+ if ( loading ) {
43
+ return < > { LoadingSplash } </ > ;
44
+ }
45
+ return Results && Results . length > 0 ? (
46
+ < ActualResultList Results = { Results } />
47
+ ) : (
48
+ < > { NoResultSplash } </ >
49
+ ) ;
39
50
} ;
40
51
41
52
export default ResultList ;
0 commit comments