Merge pull request #142 from JipFr/v3

Add v3 redirect prompt
This commit is contained in:
mrjvs 2023-02-12 23:46:01 +01:00 committed by GitHub
commit 18b7619328
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -9,8 +9,10 @@ import {
import { useWatchedContext } from "@/state/watched"; import { useWatchedContext } from "@/state/watched";
import { WatchedMediaCard } from "@/components/media/WatchedMediaCard"; import { WatchedMediaCard } from "@/components/media/WatchedMediaCard";
import { EditButton } from "@/components/buttons/EditButton"; import { EditButton } from "@/components/buttons/EditButton";
import { useState } from "react"; import { useMemo, useState } from "react";
import { useAutoAnimate } from "@formkit/auto-animate/react"; import { useAutoAnimate } from "@formkit/auto-animate/react";
import { VideoPlayerIconButton } from "@/video/components/parts/VideoPlayerIconButton";
import { useHistory, useLocation } from "react-router-dom";
function Bookmarks() { function Bookmarks() {
const { t } = useTranslation(); const { t } = useTranslation();
@ -79,9 +81,48 @@ function Watched() {
); );
} }
export function HomeView() { function NewDomainInfo() {
const location = useLocation();
const history = useHistory();
return ( return (
<div className="mb-16 mt-32"> <div className="relative -mx-5 rounded-r-lg rounded-l border-l-4 border-bink-400 bg-denim-300 px-5 py-6">
<VideoPlayerIconButton
icon={Icons.X}
className="absolute top-0 right-0 m-2"
onClick={() => {
const queryParams = new URLSearchParams(location.search);
queryParams.delete("redirected");
history.replace({
search: queryParams.toString(),
});
}}
/>
<h2 className="text-lg font-bold text-white">Hey there!</h2>
<p className="my-3">
Welcome to the long-awaited shiny new update of movie-web. This awesome
updates includes an awesome new look, updated functionality, and even a
fully custom-built video player.
</p>
<p className="text-purple-200">
We also have a new domain! Please be sure to update your bookmarks, as
the old domain is going to stop working on <strong>May 31st</strong>.
The new domain is <strong>movie-web.app</strong>
</p>
</div>
);
}
export function HomeView() {
const location = useLocation();
const showNewDomainInfo = useMemo(() => {
return location.search.includes("redirected=1");
}, [location.search]);
return (
<div className={["mb-16", showNewDomainInfo ? "mt-16" : "mt-32"].join(" ")}>
{showNewDomainInfo ? <NewDomainInfo /> : ""}
<Bookmarks /> <Bookmarks />
<Watched /> <Watched />
</div> </div>