csv CsvResult.tsx

0% Statements 0/21

100% Branches 1/1

100% Functions 1/1

0% Lines 0/21

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FC } from 'react';
import { ErrorResponse } from '../../models/errorResponse';
import { ErrorResult } from '..';
import { DepreiationCsvItems, DepreiationCsvResponse } from '../../models/depreiationCsvResponse';
import { ItemCsvItems, ItemCsvResponse } from '../../models/itemCsvResponse';
 
type Props = {
  result: DepreiationCsvResponse | ItemCsvResponse | ErrorResponse;
};
 
const CsvResult: FC<Props> = (props) => {
  return 'code' in props.result && 'message' in props.result ? (
    <ErrorResult result={props.result} />
  ) : 'items' in props.result ? (
    <div>
      {props.result.items.map((item: ItemCsvItems, index: number) => (
        <div key={index}>
          <p>{item.name}</p>
          <p>{item.description}</p>
          <p>{item.product_number}</p>
        </div>
      ))}
    </div>
  ) : (
    <div>
      {props.result.depreciation_items.map((item: DepreiationCsvItems, index: number) => (
        <div key={index}>
          <p>{item.name}</p>
          <p>{item.durability}</p>
          <p>{item.product_number}</p>
          <p>{item.purchase_price}</p>
          <p>{item.purchase_year}</p>
        </div>
      ))}
    </div>
  );
};
 
export default CsvResult;