♻️ Update and move empty state component (#1573)

This commit is contained in:
Luke Vella 2025-02-24 17:20:02 +00:00 committed by GitHub
parent 460e88086d
commit 5d9e14b94e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 7 additions and 7 deletions

View file

@ -7,7 +7,7 @@ import {
EmptyStateDescription,
EmptyStateIcon,
EmptyStateTitle,
} from "@/app/components/empty-state";
} from "@/components/empty-state";
import { Spinner } from "@/components/spinner";
import { Trans } from "@/components/trans";
import { trpc } from "@/trpc/client";

View file

@ -7,7 +7,7 @@ import {
EmptyStateDescription,
EmptyStateIcon,
EmptyStateTitle,
} from "@/app/components/empty-state";
} from "@/components/empty-state";
import { Spinner } from "@/components/spinner";
import { Trans } from "@/components/trans";
import { trpc } from "@/trpc/client";

View file

@ -19,7 +19,7 @@ import {
EmptyStateDescription,
EmptyStateIcon,
EmptyStateTitle,
} from "@/app/components/empty-state";
} from "@/components/empty-state";
import { PollStatusBadge } from "@/components/poll-status";
import { Spinner } from "@/components/spinner";
import { Trans } from "@/components/trans";

View file

@ -23,7 +23,7 @@ export function EmptyState({
export function EmptyStateIcon({ children }: { children: React.ReactNode }) {
return (
<div className="mb-4 inline-flex rounded-full border p-4">
<Icon size="lg">{children}</Icon>
<Icon size="xl">{children}</Icon>
</div>
);
}
@ -41,5 +41,5 @@ export function EmptyStateDescription({
}
export function EmptyStateFooter({ children }: { children: React.ReactNode }) {
return <div className="mt-4">{children}</div>;
return <div className="mt-6">{children}</div>;
}

View file

@ -17,13 +17,13 @@ import * as React from "react";
import { RemoveScroll } from "react-remove-scroll";
import { useMeasure, useScroll } from "react-use";
import { TimesShownIn } from "@/components/clock";
import {
EmptyState,
EmptyStateDescription,
EmptyStateIcon,
EmptyStateTitle,
} from "@/app/components/empty-state";
import { TimesShownIn } from "@/components/clock";
} from "@/components/empty-state";
import { useVotingForm } from "@/components/poll/voting-form";
import { usePermissions } from "@/contexts/permissions";
import { usePoll } from "@/contexts/poll";