website refactor
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
'use client';
|
||||
|
||||
import { SharedContainer, SharedStack, SharedText } from '@/components/shared/UIComponents';
|
||||
import { Container } from '@/ui/Container';
|
||||
import { Stack } from '@/ui/Stack';
|
||||
import { Text } from '@/ui/Text';
|
||||
import { TemplateProps } from '@/lib/contracts/components/ComponentContracts';
|
||||
import { ViewData } from '@/lib/contracts/view-data/ViewData';
|
||||
|
||||
@@ -11,12 +13,12 @@ interface ErrorTemplateProps extends TemplateProps<ViewData> {
|
||||
|
||||
export function ErrorTemplate({ message = "An error occurred", description = "Please try again later" }: ErrorTemplateProps) {
|
||||
return (
|
||||
<SharedContainer size="lg">
|
||||
<SharedStack align="center" gap={4} py={12}>
|
||||
<SharedText color="text-red-400">{message}</SharedText>
|
||||
<SharedText color="text-gray-400">{description}</SharedText>
|
||||
</SharedStack>
|
||||
</SharedContainer>
|
||||
<Container size="lg">
|
||||
<Stack align="center" gap={4} py={12}>
|
||||
<Text color="text-red-400">{message}</Text>
|
||||
<Text color="text-gray-400">{description}</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -27,11 +29,11 @@ interface EmptyTemplateProps extends TemplateProps<ViewData> {
|
||||
|
||||
export function EmptyTemplate({ title, description }: EmptyTemplateProps) {
|
||||
return (
|
||||
<SharedContainer size="lg">
|
||||
<SharedStack align="center" gap={2} py={12}>
|
||||
<SharedText size="xl" weight="semibold" color="text-white">{title}</SharedText>
|
||||
<SharedText color="text-gray-400">{description}</SharedText>
|
||||
</SharedStack>
|
||||
</SharedContainer>
|
||||
<Container size="lg">
|
||||
<Stack align="center" gap={2} py={12}>
|
||||
<Text size="xl" weight="semibold" color="text-white">{title}</Text>
|
||||
<Text color="text-gray-400">{description}</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user