mirror of
https://github.com/wassname/Open-Assistant.git
synced 2026-08-02 12:20:35 +08:00
website: Switch to likert style labelling
This commit is contained in:
@@ -5,13 +5,14 @@ import NextLink from "next/link";
|
||||
type EmptyStateProps = {
|
||||
text: string;
|
||||
icon: LucideIcon;
|
||||
"data-cy"?: string;
|
||||
};
|
||||
|
||||
export const EmptyState = (props: EmptyStateProps) => {
|
||||
const backgroundColor = useColorModeValue("white", "gray.800");
|
||||
|
||||
return (
|
||||
<Box bg={backgroundColor} p="10" borderRadius="xl" shadow="base">
|
||||
<Box data-cy={props["data-cy"]} bg={backgroundColor} p="10" borderRadius="xl" shadow="base">
|
||||
<Box display="flex" flexDirection="column" alignItems="center" gap="8" fontSize="lg">
|
||||
<props.icon size="30" color="DarkOrange" />
|
||||
<Text>{props.text}</Text>
|
||||
@@ -24,5 +25,5 @@ export const EmptyState = (props: EmptyStateProps) => {
|
||||
};
|
||||
|
||||
export const TaskEmptyState = () => {
|
||||
return <EmptyState text="Looks like no tasks were found." icon={AlertTriangle} />;
|
||||
return <EmptyState text="Looks like no tasks were found." icon={AlertTriangle} data-cy="task" />;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user