Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-29 06:48:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add onboarding reminder to notfound page

Browse source 
TODO find a place for the discover button here
This commit is contained in:
Pas 2025-08-11 11:35:50 -06:00
parent d7d956332d
commit c38240a7f6
2 changed files with 38 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/locales/en.json
View file

@ -773,7 +773,9 @@
"homeButton": "Go home",
"discoverButton": "Discover more",
"text": "We have searched through our providers and cannot find the media you are looking for! We do not host the media and have no control over what is available. Please click 'Show details' below for more details.",
"title": "We couldn't find that"
"title": "We couldn't find that",
"onboarding": "More sources might be avalible using the extension or febbox token!",
"onboardingButton": "Do setup again"
},
"extensionFailure": {
"badge": "Extension disabled",

46
src/pages/parts/player/ScrapeErrorPart.tsx
View file

@ -1,8 +1,11 @@
import { useEffect, useMemo, useState } from "react";
import { Trans, useTranslation } from "react-i18next";
import { useLocation, useNavigate } from "react-router-dom";
import { useLocation } from "react-router-dom";
import { sendPage } from "@/backend/extension/messaging";
import {
isExtensionActiveCached,
sendPage,
} from "@/backend/extension/messaging";
import { Button } from "@/components/buttons/Button";
import { Icons } from "@/components/Icon";
import { IconPill } from "@/components/layout/IconPill";
@ -11,6 +14,9 @@ import { Paragraph } from "@/components/text/Paragraph";
import { Title } from "@/components/text/Title";
import { ScrapingItems, ScrapingSegment } from "@/hooks/useProviderScrape";
import { ErrorContainer, ErrorLayout } from "@/pages/layouts/ErrorLayout";
import { conf } from "@/setup/config";
import { useOnboardingStore } from "@/stores/onboarding";
import { usePreferencesStore } from "@/stores/preferences";
import { getExtensionState } from "@/utils/extension";
import type { ExtensionStatus } from "@/utils/extension";
import { getProviderApiUrls } from "@/utils/proxyUrls";
@ -30,7 +36,8 @@ export function ScrapeErrorPart(props: ScrapeErrorPartProps) {
const location = useLocation();
const [extensionState, setExtensionState] =
useState<ExtensionStatus>("unknown");
const navigate = useNavigate();
const setOnboardingCompleted = useOnboardingStore((s) => s.setCompleted);
const febboxKey = usePreferencesStore((s) => s.febboxKey);
const error = useMemo(() => {
const data = props.data;
@ -100,6 +107,11 @@ export function ScrapeErrorPart(props: ScrapeErrorPartProps) {
);
}
function handleOnboarding() {
setOnboardingCompleted(false);
window.location.reload();
}
return (
<ErrorLayout>
<ErrorContainer>
@ -118,22 +130,34 @@ export function ScrapeErrorPart(props: ScrapeErrorPartProps) {
{t("player.scraping.notFound.homeButton")}
</Button>
<Button
onClick={() => navigate("/discover")}
theme="secondary"
onClick={() => modal.show()}
theme="purple"
padding="md:px-12 p-2.5"
className="mt-6"
>
{t("player.scraping.notFound.discoverButton")}
{t("player.scraping.notFound.detailsButton")}
</Button>
</div>
<Button
onClick={() => modal.show()}
theme="purple"
{/* <Button
onClick={() => navigate("/discover")}
theme="secondary"
padding="md:px-12 p-2.5"
className="mt-6"
>
{t("player.scraping.notFound.detailsButton")}
</Button>
{t("player.scraping.notFound.discoverButton")}
</Button> */}
{(!isExtensionActiveCached() || !febboxKey) && conf().HAS_ONBOARDING ? (
<div className="flex flex-col max-w-md gap-3 items-center py-3">
<Paragraph>{t("player.scraping.notFound.onboarding")}</Paragraph>
<Button
onClick={() => handleOnboarding()}
theme="purple"
className="w-fit"
>
{t("player.scraping.notFound.onboardingButton")}
</Button>
</div>
) : null}
</ErrorContainer>
{error ? (
<ErrorCardInModal