website refactor
This commit is contained in:
@@ -1,12 +1,9 @@
|
||||
|
||||
|
||||
import { DriverViewModel } from "@/lib/view-models/DriverViewModel";
|
||||
import { ProtestViewModel } from "@/lib/view-models/ProtestViewModel";
|
||||
import { RaceViewModel } from "@/lib/view-models/RaceViewModel";
|
||||
import { Box } from "@/ui/Box";
|
||||
import { Stack } from "@/ui/Stack";
|
||||
import { Card } from "@/ui/Card";
|
||||
import { ProtestListItem } from "./ProtestListItem";
|
||||
import { Stack } from "@/ui/Stack";
|
||||
import { Text } from "@/ui/Text";
|
||||
import { Flag } from "lucide-react";
|
||||
|
||||
@@ -28,17 +25,15 @@ export function PendingProtestsList({
|
||||
if (protests.length === 0) {
|
||||
return (
|
||||
<Card>
|
||||
<Box p={12} textAlign="center">
|
||||
<Stack align="center" gap={4}>
|
||||
<Box w="16" h="16" rounded="full" bg="bg-performance-green/10" display="flex" alignItems="center" justifyContent="center">
|
||||
<Flag className="h-8 w-8 text-performance-green" />
|
||||
</Box>
|
||||
<Box>
|
||||
<Text weight="semibold" size="lg" color="text-white" block mb={2}>All Clear! 🏁</Text>
|
||||
<Text size="sm" color="text-gray-400">No pending protests to review</Text>
|
||||
</Box>
|
||||
<Stack p={12} align="center" gap={4}>
|
||||
<Stack w="16" h="16" rounded="full" bg="bg-performance-green/10" align="center" justify="center">
|
||||
<Flag className="h-8 w-8 text-performance-green" />
|
||||
</Stack>
|
||||
</Box>
|
||||
<Stack align="center">
|
||||
<Text weight="semibold" size="lg" color="text-white" block mb={2}>All Clear! 🏁</Text>
|
||||
<Text size="sm" color="text-gray-400">No pending protests to review</Text>
|
||||
</Stack>
|
||||
</Stack>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user