Last change
on this file since 3f0bf09 was 3a58bd6, checked in by Viktor <39170279+Tasevski2@…>, 3 years ago |
Added Frontend
|
-
Property mode
set to
100644
|
File size:
1.3 KB
|
Rev | Line | |
---|
[3a58bd6] | 1 | import { useHistory } from 'react-router-dom';
|
---|
| 2 |
|
---|
| 3 | import {
|
---|
| 4 | ParkingZoneWrapper,
|
---|
| 5 | Container,
|
---|
| 6 | ZoneName,
|
---|
| 7 | InfoWrapper,
|
---|
| 8 | Label,
|
---|
| 9 | Value,
|
---|
| 10 | ProgressBar,
|
---|
| 11 | ProgressBarLabel,
|
---|
| 12 | } from './styles';
|
---|
| 13 |
|
---|
| 14 | const ParkingZoneCard = ({ info }) => {
|
---|
| 15 | let history = useHistory();
|
---|
| 16 |
|
---|
| 17 | return (
|
---|
| 18 | <ParkingZoneWrapper item xs={11} sm={6} md={3}>
|
---|
| 19 | <Container onClick={() => history.push(`/zone/${info.id}`)}>
|
---|
| 20 | <ZoneName>{info.zoneName}</ZoneName>
|
---|
| 21 | <InfoWrapper>
|
---|
| 22 | <Label>Одговорни лица:</Label>
|
---|
| 23 | {info.responsiblePersons.slice(0, 1).map((person, index) => (
|
---|
| 24 | <Value key={index}>{person}</Value>
|
---|
| 25 | ))}
|
---|
| 26 | {info.responsiblePersons.length > 1 ? <Value>...</Value> : null}
|
---|
| 27 | </InfoWrapper>
|
---|
| 28 | <InfoWrapper>
|
---|
| 29 | <Label>Број на паркинг места:</Label>
|
---|
| 30 | <Value>{info.parkingSpaces}</Value>
|
---|
| 31 | </InfoWrapper>
|
---|
| 32 | <ProgressBar
|
---|
| 33 | percent={Math.floor(
|
---|
| 34 | (info.takenParkingSpaces / info.parkingSpaces) * 100
|
---|
| 35 | )}
|
---|
| 36 | label={() => (
|
---|
| 37 | <ProgressBarLabel>
|
---|
| 38 | {info.takenParkingSpaces}/{info.parkingSpaces}
|
---|
| 39 | </ProgressBarLabel>
|
---|
| 40 | )}
|
---|
| 41 | />
|
---|
| 42 | </Container>
|
---|
| 43 | </ParkingZoneWrapper>
|
---|
| 44 | );
|
---|
| 45 | };
|
---|
| 46 |
|
---|
| 47 | export default ParkingZoneCard;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.