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; |