homarr-renovate[bot]andMeier Lukas
35e0198b5d
Co-authored-by: homarr-renovate[bot] <158783068+homarr-renovate[bot]@users.noreply.github.com> Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>
28 lines
631 B
TypeScript
28 lines
631 B
TypeScript
import { Anchor, Card, Stack, Text } from "@mantine/core";
|
|
|
|
import type { TablerIcon } from "@homarr/ui";
|
|
|
|
interface NoResultsProps {
|
|
icon: TablerIcon;
|
|
title: string;
|
|
action?: {
|
|
label: string;
|
|
href: string;
|
|
hidden?: boolean;
|
|
};
|
|
}
|
|
|
|
export const NoResults = ({ icon: Icon, title, action }: NoResultsProps) => {
|
|
return (
|
|
<Card withBorder bg="transparent">
|
|
<Stack align="center" gap="sm">
|
|
<Icon size="2rem" />
|
|
<Text fw={500} size="lg">
|
|
{title}
|
|
</Text>
|
|
{!action?.hidden && <Anchor href={action?.href}>{action?.label}</Anchor>}
|
|
</Stack>
|
|
</Card>
|
|
);
|
|
};
|