init AllColors.tsx

0% Statements 0/10

100% Branches 1/1

100% Functions 1/1

0% Lines 0/10

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FC } from 'react';
import { ErrorResponse } from '../../../models/errorResponse';
import { Pending } from '../../../models/pending';
import { Loading } from '../..';
import { AllColorsResponse } from '../../../models/allColorsResponse';
import AllColorsResult from './AllColorsResult';
 
type Props = {
  result: AllColorsResponse | ErrorResponse | Pending;
};
 
const AllColors: FC<Props> = (props) => {
  return props.result === 'pending' ? (
    // 初期状態
    <Loading />
  ) : (
    // fetch結果
    <AllColorsResult result={props.result} />
  );
};
 
export default AllColors;