Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-25 18:11:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #710 from movie-web/warningpart

Browse Source 
Create WarningPart for in-player use
This commit is contained in:
mrjvs 2024-01-04 01:51:09 +01:00 committed by GitHub
commit 1912af065f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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>
);
}