import { useState } from 'react';
import {
FiltersWrapper,
SortingArrowsWrapper,
SortByTitle,
ArrowDown,
ArrowUp,
ClearSortIcon,
ParkingZonesWrapper,
AddParkingZoneCard,
AddIcon,
AddItem,
ParkingName,
DividerUnderFilters,
} from './styles';
import ParkingZoneCard from './ParkingZoneCard';
import { roles } from '../../../config/enums';
import { parkingZones } from './mockData';
const sortDownUp = (a, b) => {
const aPercent = a.takenParkingSpaces / a.parkingSpaces;
const bPercent = b.takenParkingSpaces / b.parkingSpaces;
if (aPercent > bPercent) {
return 1;
} else {
if (aPercent < bPercent) {
return -1;
}
return a.zoneName - b.zoneName;
}
};
const sortUpDown = (a, b) => {
const aPercent = a.takenParkingSpaces / a.parkingSpaces;
const bPercent = b.takenParkingSpaces / b.parkingSpaces;
if (aPercent > bPercent) {
return -1;
} else {
if (aPercent < bPercent) {
return 1;
}
return a.zoneName - b.zoneName;
}
};
const sortByName = (a, b) => {
if (a.zoneName >= b.zoneName) {
return 1;
}
return -1;
};
const ParkingZones = () => {
const [isArrowUpUp, setIsArrowUpUp] = useState(false);
const [isArrowDownUp, setIsArrowDownUp] = useState(false);
const user = {
role: 'ROLE_ADMIN',
};
const sortFunc = isArrowUpUp
? sortDownUp
: isArrowDownUp
? sortUpDown
: sortByName;
return (
<>
Паркинг - Дебар Маало
Сортирај:
{
if (!isArrowUpUp) {
setIsArrowUpUp(true);
setIsArrowDownUp(false);
}
}}
selected={isArrowUpUp}
/>
{
if (!isArrowDownUp) {
setIsArrowDownUp(true);
setIsArrowUpUp(false);
}
}}
selected={isArrowDownUp}
/>
{isArrowUpUp || isArrowDownUp ? (
{
setIsArrowUpUp(false);
setIsArrowDownUp(false);
}}
/>
) : null}
{user.role === roles.admin ? (
) : null}
{parkingZones.sort(sortFunc).map((parkingZone) => (
))}
>
);
};
export default ParkingZones;