All files / src/routes/pages AllRentalItems.tsx

0% Statements 0/16
100% Branches 1/1
100% Functions 1/1
0% Lines 0/16

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                                                     
import { FC } from 'react';
import { Loading, Title } from '../../components';
import { Pending } from '../../models/pending';
import { ErrorResponse } from '../../models/errorResponse';
import { useFetchAllRentalItems } from '../../hooks/useFetchAllRentalItems';
import { AllRentalItemsResponse } from '../../models/allRentalItemsResponse';
import AllRentalItemsResult from '../../components/all_rental_items/AllRentalItems';
 
const AllRentalItems: FC = () => {
  // get trash item result
  const result: AllRentalItemsResponse | ErrorResponse | Pending = useFetchAllRentalItems();
  return (
    <>
      <Title title="貸し出し中物品管理" />
      {result === 'pending' ? (
        // 処理中
        <Loading />
      ) : (
        // fetch結果
        <AllRentalItemsResult result={result} />
      )}
    </>
  );
};
 
export default AllRentalItems;