all_rental_items AllRentalItemsUl.tsx

0% Statements 0/14

100% Branches 1/1

100% Functions 1/1

0% Lines 0/14

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { FC } from 'react';
import { AllRentalItemsResponse, RentalItemResponse } from '../../models/allRentalItemsResponse';
import styled from 'styled-components';
import AllRentalItemsLi from './AllRentalItemsLi';
 
type Props = {
  item: AllRentalItemsResponse;
};
 
const StyledLi = styled.li`
  margin: 0;
  padding: 0;
  list-style: none;
`;
 
const StyledUl = styled.ul`
  margin: 60px 0 100px 0;
  padding: 0;
`;
 
const AllRentalItemsUl: FC<Props> = (props) => {
  return (
    <StyledUl>
      {props.item.rental_items.map((item: RentalItemResponse, index: number) => (
        <StyledLi key={index}>
          <AllRentalItemsLi item={item} />
        </StyledLi>
      ))}
    </StyledUl>
  );
};
 
export default AllRentalItemsUl;