Last change
on this file was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
1.5 KB
|
Line | |
---|
1 | import {
|
---|
2 | Wrapper,
|
---|
3 | Title,
|
---|
4 | DividerUnderTitle,
|
---|
5 | ParkingSpacesNumberWrapper,
|
---|
6 | NumberLabel,
|
---|
7 | NumberValue,
|
---|
8 | TableWrapper,
|
---|
9 | } from './styles';
|
---|
10 |
|
---|
11 | const ParkingSpacesSector = ({
|
---|
12 | parkingSpacesLocation = [],
|
---|
13 | }) => {
|
---|
14 | return (
|
---|
15 | <Wrapper>
|
---|
16 | <Title>Паркинг Места</Title>
|
---|
17 | <DividerUnderTitle />
|
---|
18 | <ParkingSpacesNumberWrapper>
|
---|
19 | <NumberLabel>Вкупно паркинг места:</NumberLabel>
|
---|
20 | <NumberValue>{parkingSpacesLocation?.length ?? 0}</NumberValue>
|
---|
21 | </ParkingSpacesNumberWrapper>
|
---|
22 | <TableWrapper>
|
---|
23 | <table>
|
---|
24 | <thead>
|
---|
25 | <tr>
|
---|
26 | <th>Латитуда</th>
|
---|
27 | <th>Лонгитуда</th>
|
---|
28 | <th>Број</th>
|
---|
29 | </tr>
|
---|
30 | </thead>
|
---|
31 | <tbody>
|
---|
32 | {parkingSpacesLocation &&
|
---|
33 | parkingSpacesLocation.map(
|
---|
34 | ({ lat, lng, psName }, index) => (
|
---|
35 | <tr key={index}>
|
---|
36 | <td>{lat}</td>
|
---|
37 | <td>{lng}</td>
|
---|
38 | <td>{psName}</td>
|
---|
39 | </tr>
|
---|
40 | )
|
---|
41 | )}
|
---|
42 | </tbody>
|
---|
43 | </table>
|
---|
44 | </TableWrapper>
|
---|
45 | </Wrapper>
|
---|
46 | );
|
---|
47 | };
|
---|
48 |
|
---|
49 | export default ParkingSpacesSector;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.