mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues Wiki Activity

Create WarningPart for in-player use

Browse source
This commit is contained in:
Jip Fr 2024-01-04 00:55:24 +01:00
parent 9fc7f0579f
commit 44740aed6a
2 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/pages/parts/player/ScrapingPart.tsx
View file

@ -9,7 +9,6 @@ import {
scrapePartsToProviderMetric,
useReportProviders,
} from "@/backend/helpers/report";
import { Icon, Icons } from "@/components/Icon";
import { Loading } from "@/components/layout/Loading";
import {
ScrapeCard,
@ -21,7 +20,8 @@ import {
useListCenter,
useScrape,
} from "@/hooks/useProviderScrape";
import { LargeTextPart } from "@/pages/parts/util/LargeTextPart";
import { WarningPart } from "../util/WarningPart";
export interface ScrapingProps {
media: ScrapeMedia;
@ -88,15 +88,7 @@ export function ScrapingPart(props: ScrapingProps) {
currentProviderIndex = sourceOrder.length - 1;
if (failedStartScrape)
return (
<LargeTextPart
iconSlot={
<Icon className="text-type-danger text-2xl" icon={Icons.WARNING} />
}
>
{t("player.turnstile.error")}
</LargeTextPart>
);
return <WarningPart>{t("player.turnstile.error")}</WarningPart>;
return (
<div

14
src/pages/parts/util/WarningPart.tsx Normal file
View file

@ -0,0 +1,14 @@
import { Icon, Icons } from "@/components/Icon";
import { BlurEllipsis } from "@/pages/layouts/SubPageLayout";
export function WarningPart(props: { children: React.ReactNode }) {
return (
<div className="flex flex-col justify-center items-center h-screen text-center font-medium">
<BlurEllipsis />
<Icon className="text-type-danger text-2xl" icon={Icons.WARNING} />
<div className="max-w-[19rem] mt-3 mb-12 text-type-secondary">
{props.children}
</div>
</div>
);
}