From f6b82028773b87d681e3fc93095736011b3825bf Mon Sep 17 00:00:00 2001 From: Radiquum <kentai.waah@gmail.com> Date: Wed, 26 Mar 2025 01:50:10 +0500 Subject: [PATCH] remove old stuff --- app/components/ReleaseLink/ReleaseLink.tsx | 52 ------- .../ReleaseLink.16_9FullImage_old.tsx | 133 ------------------ .../ReleaseLink.16_9Poster_old.tsx | 124 ---------------- .../ReleaseLinkOld/ReleaseLink.Poster_old.tsx | 84 ----------- app/components/ReleaseLinkOld/ReleaseLink.tsx | 52 ------- .../ReleaseLinkOld/ReleaseLinkUpdate.tsx | 25 ---- 6 files changed, 470 deletions(-) delete mode 100644 app/components/ReleaseLink/ReleaseLink.tsx delete mode 100644 app/components/ReleaseLinkOld/ReleaseLink.16_9FullImage_old.tsx delete mode 100644 app/components/ReleaseLinkOld/ReleaseLink.16_9Poster_old.tsx delete mode 100644 app/components/ReleaseLinkOld/ReleaseLink.Poster_old.tsx delete mode 100644 app/components/ReleaseLinkOld/ReleaseLink.tsx delete mode 100644 app/components/ReleaseLinkOld/ReleaseLinkUpdate.tsx diff --git a/app/components/ReleaseLink/ReleaseLink.tsx b/app/components/ReleaseLink/ReleaseLink.tsx deleted file mode 100644 index 8bc9e80..0000000 --- a/app/components/ReleaseLink/ReleaseLink.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import Link from "next/link"; -import { Poster } from "../ReleasePoster/Poster"; -import { Chip } from "../Chip/Chip"; -// import { ReleaseLink169 } from "./ReleaseLink.16_9FullImage"; -// import { ReleaseLink169Poster } from "./ReleaseLink.16_9Poster"; -// import { ReleaseLinkPoster } from "./ReleaseLink.Poster"; - -const profile_lists = { - // 0: "Не смотрю", - 1: { name: "Смотрю", bg_color: "bg-green-500" }, - 2: { name: "В планах", bg_color: "bg-purple-500" }, - 3: { name: "Просмотрено", bg_color: "bg-blue-500" }, - 4: { name: "Отложено", bg_color: "bg-yellow-500" }, - 5: { name: "Брошено", bg_color: "bg-red-500" }, -}; - -export const ReleaseLink = (props: { - // type?: "16_9" | "poster"; - image: string; - title_ru: string; - title_original: string; - genres?: string; - grade?: number; - id: number; - settings?: { - showGenres?: boolean; - }; - profile_list_status?: number; - status?: { - name: string; - }; - status_id?: number; -}) => { - // const type = props.type || "16_9"; - - // if (type == "16_9") { - // return ( - // <> - // <div>TYPE=16/9</div> - - // {/* <div className="hidden lg:block"><ReleaseLink169 {...props} /></div> */} - // {/* <div className="block lg:hidden"><ReleaseLink169Poster {...props} /></div> */} - // </> - // ); - // } - // if (props.type == "poster") { - return ( - <>You NEED to fix this. Replace import to `ReleaseLinkUpdate`</> - ); - // return <ReleaseLinkPoster {...props} />; - // } -}; diff --git a/app/components/ReleaseLinkOld/ReleaseLink.16_9FullImage_old.tsx b/app/components/ReleaseLinkOld/ReleaseLink.16_9FullImage_old.tsx deleted file mode 100644 index b62e0ce..0000000 --- a/app/components/ReleaseLinkOld/ReleaseLink.16_9FullImage_old.tsx +++ /dev/null @@ -1,133 +0,0 @@ -import Link from "next/link"; -import { sinceUnixDate } from "#/api/utils"; -import { Chip } from "#/components/Chip/Chip"; -import Image from "next/image"; - -const profile_lists = { - // 0: "Не смотрю", - 1: { name: "Смотрю", bg_color: "bg-green-500" }, - 2: { name: "В планах", bg_color: "bg-purple-500" }, - 3: { name: "Просмотрено", bg_color: "bg-blue-500" }, - 4: { name: "Отложено", bg_color: "bg-yellow-500" }, - 5: { name: "Брошено", bg_color: "bg-red-500" }, -}; - -export const ReleaseLink169 = (props: any) => { - const grade = props.grade ? props.grade.toFixed(1) : null; - const profile_list_status = props.profile_list_status; - let user_list = null; - if (profile_list_status != null || profile_list_status != 0) { - user_list = profile_lists[profile_list_status]; - } - return ( - <Link - href={`/release/${props.id}`} - className={props.isLinkDisabled ? "pointer-events-none" : ""} - aria-disabled={props.isLinkDisabled} - tabIndex={props.isLinkDisabled ? -1 : undefined} - > - <div className="w-full aspect-video group"> - <div - className="relative w-full h-full overflow-hidden bg-center bg-no-repeat bg-cover rounded-sm group-hover:animate-bg_zoom animate-bg_zoom_rev group-hover:[background-size:110%] " - style={{ - backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%)`, - }} - > - <Image - src={props.image} - fill={true} - alt={props.title || ""} - className="-z-[1] object-cover" - sizes=" - (max-width: 768px) 300px, - (max-width: 1024px) 600px, - 900px - " - /> - <div className="absolute flex flex-wrap items-start justify-start gap-0.5 sm:gap-1 left-0 top-0 p-1 sm:p-2"> - {grade ? ( - <Chip - bg_color={ - grade == 0 - ? "hidden" - : grade < 2 - ? "bg-red-500" - : grade < 3 - ? "bg-orange-500" - : grade < 4 - ? "bg-yellow-500" - : "bg-green-500" - } - name={grade} - /> - ) : ( - "" - )} - {user_list && ( - <Chip bg_color={user_list.bg_color} name={user_list.name} /> - )} - {props.status ? ( - <Chip name={props.status.name} /> - ) : ( - props.status_id != 0 && ( - <Chip - name={ - props.status_id == 1 - ? "Завершено" - : props.status_id == 2 - ? "Онгоинг" - : props.status_id == 3 && "Анонс" - } - /> - ) - )} - <Chip - name={props.episodes_released && props.episodes_released} - name_2={ - props.episodes_total ? props.episodes_total + " эп." : "? эп." - } - devider="/" - /> - {props.last_view_episode && ( - <Chip - name={ - props.last_view_episode.name - ? props.last_view_episode.name - : `${props.last_view_episode.position + 1} серия` - } - name_2={ - "last_view_timestamp" in props && - sinceUnixDate(props.last_view_timestamp) - } - devider=", " - /> - )} - {props.category && <Chip name={props.category.name} />} - {props.is_favorite && ( - <div className="flex items-center justify-center bg-pink-500 rounded-sm"> - <span className="w-3 px-4 py-2.5 text-white sm:px-4 sm:py-3 xl:px-6 xl:py-4 iconify mdi--heart"></span> - </div> - )} - </div> - <div className="absolute bottom-0 left-0 p-1 sm:p-2 lg:translate-y-[100%] group-hover:lg:translate-y-0 transition-transform"> - <div className="transition-transform lg:-translate-y-[calc(100%_+_1rem)] group-hover:lg:translate-y-0"> - {props.genres && ( - <p className="text-xs font-light text-white md:text-sm lg:text-base xl:text-lg"> - {props.genres} - </p> - )} - <p className="text-sm font-bold text-white md:text-base lg:text-lg xl:text-xl"> - {props.title_ru} - </p> - </div> - <p className="text-xs font-light text-white md:text-sm lg:text-base xl:text-lg"> - {`${props.description.slice(0, 125)}${ - props.description.length > 125 ? "..." : "" - }`} - </p> - </div> - </div> - </div> - </Link> - ); -}; diff --git a/app/components/ReleaseLinkOld/ReleaseLink.16_9Poster_old.tsx b/app/components/ReleaseLinkOld/ReleaseLink.16_9Poster_old.tsx deleted file mode 100644 index 5a02d6b..0000000 --- a/app/components/ReleaseLinkOld/ReleaseLink.16_9Poster_old.tsx +++ /dev/null @@ -1,124 +0,0 @@ -import Link from "next/link"; -import { sinceUnixDate } from "#/api/utils"; -import { Chip } from "#/components/Chip/Chip"; -import Image from "next/image"; - -const profile_lists = { - // 0: "Не смотрю", - 1: { name: "Смотрю", bg_color: "bg-green-500" }, - 2: { name: "В планах", bg_color: "bg-purple-500" }, - 3: { name: "Просмотрено", bg_color: "bg-blue-500" }, - 4: { name: "Отложено", bg_color: "bg-yellow-500" }, - 5: { name: "Брошено", bg_color: "bg-red-500" }, -}; - -export const ReleaseLink169Poster = (props: any) => { - const grade = props.grade ? props.grade.toFixed(1) : null; - const profile_list_status = props.profile_list_status; - let user_list = null; - if (profile_list_status != null || profile_list_status != 0) { - user_list = profile_lists[profile_list_status]; - } - return ( - <Link - href={`/release/${props.id}`} - className={props.isLinkDisabled ? "pointer-events-none" : ""} - aria-disabled={props.isLinkDisabled} - tabIndex={props.isLinkDisabled ? -1 : undefined} - > - <div className="w-full h-auto p-2 bg-gray-100 rounded-lg dark:bg-slate-800"> - <div className="flex w-full h-full gap-2 overflow-hidden"> - <div className="flex-shrink-0"> - <Image - src={props.image} - height={250} - width={250} - alt={props.title || ""} - className="object-cover aspect-[9/16] h-auto w-24 md:w-32 lg:w-48 rounded-md" - /> - </div> - <div className="flex flex-col flex-1 w-full h-full"> - <div> - {props.genres && ( - <p className="text-xs font-light text-black dark:text-white md:text-sm lg:text-base xl:text-lg"> - {props.genres} - </p> - )} - <p className="text-sm font-bold text-black dark:text-white md:text-base lg:text-lg xl:text-xl"> - {`${props.title_ru.slice(0, 47)}${ - props.title_ru.length > 47 ? "..." : "" - }`} - </p> - <p className="text-xs font-light text-black dark:text-white md:text-sm lg:text-base xl:text-lg"> - {`${props.description.slice(0, 97)}${ - props.description.length > 97 ? "..." : "" - }`} - </p> - </div> - <div className="flex flex-wrap gap-1 mt-1"> - {grade ? <Chip - bg_color={ - grade == 0 - ? "hidden" - : grade < 2 - ? "bg-red-500" - : grade < 3 - ? "bg-orange-500" - : grade < 4 - ? "bg-yellow-500" - : "bg-green-500" - } - name={grade} - /> : ""} - {user_list && ( - <Chip bg_color={user_list.bg_color} name={user_list.name} /> - )} - {props.status ? ( - <Chip name={props.status.name} /> - ) : ( - props.status_id != 0 && ( - <Chip - name={ - props.status_id == 1 - ? "Завершено" - : props.status_id == 2 - ? "Онгоинг" - : props.status_id == 3 && "Анонс" - } - /> - ) - )} - <Chip - name={props.episodes_released && props.episodes_released} - name_2={ - props.episodes_total ? props.episodes_total + " эп." : "? эп." - } - devider="/" - /> - {props.last_view_episode && ( - <Chip - name={ - props.last_view_episode.name - ? props.last_view_episode.name - : `${props.last_view_episode.position + 1} серия` - } - name_2={ - "last_view_timestamp" in props && - sinceUnixDate(props.last_view_timestamp) - } - devider=", " - /> - )} - {props.category && <Chip name={props.category.name} />} - {props.is_favorite && ( - <div className="flex items-center justify-center bg-pink-500 rounded-sm"> - <span className="w-3 px-4 py-2.5 text-white sm:px-4 sm:py-3 xl:px-6 xl:py-4 iconify mdi--heart"></span> - </div> - )} - </div> - </div> - </div> - </div> - </Link> - ); -}; diff --git a/app/components/ReleaseLinkOld/ReleaseLink.Poster_old.tsx b/app/components/ReleaseLinkOld/ReleaseLink.Poster_old.tsx deleted file mode 100644 index 438b7b6..0000000 --- a/app/components/ReleaseLinkOld/ReleaseLink.Poster_old.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import Link from "next/link"; -import { Chip } from "#/components/Chip/Chip"; - -const profile_lists = { - // 0: "Не смотрю", - 1: { name: "Смотрю", bg_color: "bg-green-500" }, - 2: { name: "В планах", bg_color: "bg-purple-500" }, - 3: { name: "Просмотрено", bg_color: "bg-blue-500" }, - 4: { name: "Отложено", bg_color: "bg-yellow-500" }, - 5: { name: "Брошено", bg_color: "bg-red-500" }, -}; - -export const ReleaseLinkPoster = (props: any) => { - const grade = props.grade.toFixed(1); - const profile_list_status = props.profile_list_status; - let user_list = null; - if (profile_list_status != null || profile_list_status != 0) { - user_list = profile_lists[profile_list_status]; - } - return ( - <Link - href={`/release/${props.id}`} - className={props.isLinkDisabled ? "pointer-events-none" : ""} - aria-disabled={props.isLinkDisabled} - tabIndex={props.isLinkDisabled ? -1 : undefined} - > - <div - className="relative w-full h-64 gap-8 p-2 overflow-hidden bg-white bg-center bg-no-repeat bg-cover border border-gray-200 rounded-lg shadow-md lg:min-w-[300px] lg:min-h-[385px] lg:max-w-[300px] lg:max-h-[385px] lg:bg-top dark:border-gray-700 dark:bg-gray-800" - style={{ - backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url(${props.image})`, - }} - > - <div className="flex flex-wrap gap-1"> - <Chip - bg_color={ - props.grade.toFixed(1) == 0 - ? "hidden" - : props.grade.toFixed(1) < 2 - ? "bg-red-500" - : props.grade.toFixed(1) < 3 - ? "bg-orange-500" - : props.grade.toFixed(1) < 4 - ? "bg-yellow-500" - : "bg-green-500" - } - name={props.grade.toFixed(1)} - /> - {props.status ? ( - <Chip name={props.status.name} /> - ) : ( - <Chip - name={ - props.status_id == 1 - ? "Завершено" - : props.status_id == 2 - ? "Онгоинг" - : "Анонс" - } - /> - )} - <Chip - name={props.episodes_released && props.episodes_released} - name_2={ - props.episodes_total ? props.episodes_total + " эп." : "? эп." - } - devider="/" - /> - </div> - <div className="absolute flex flex-col gap-2 text-white bottom-4 left-2 right-2"> - {props.title_ru && ( - <p className="text-xl font-bold text-white md:text-2xl"> - {props.title_ru} - </p> - )} - {props.title_original && ( - <p className="text-sm text-gray-300 md:text-base"> - {props.title_original} - </p> - )} - </div> - </div> - </Link> - ); -}; diff --git a/app/components/ReleaseLinkOld/ReleaseLink.tsx b/app/components/ReleaseLinkOld/ReleaseLink.tsx deleted file mode 100644 index 8bc9e80..0000000 --- a/app/components/ReleaseLinkOld/ReleaseLink.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import Link from "next/link"; -import { Poster } from "../ReleasePoster/Poster"; -import { Chip } from "../Chip/Chip"; -// import { ReleaseLink169 } from "./ReleaseLink.16_9FullImage"; -// import { ReleaseLink169Poster } from "./ReleaseLink.16_9Poster"; -// import { ReleaseLinkPoster } from "./ReleaseLink.Poster"; - -const profile_lists = { - // 0: "Не смотрю", - 1: { name: "Смотрю", bg_color: "bg-green-500" }, - 2: { name: "В планах", bg_color: "bg-purple-500" }, - 3: { name: "Просмотрено", bg_color: "bg-blue-500" }, - 4: { name: "Отложено", bg_color: "bg-yellow-500" }, - 5: { name: "Брошено", bg_color: "bg-red-500" }, -}; - -export const ReleaseLink = (props: { - // type?: "16_9" | "poster"; - image: string; - title_ru: string; - title_original: string; - genres?: string; - grade?: number; - id: number; - settings?: { - showGenres?: boolean; - }; - profile_list_status?: number; - status?: { - name: string; - }; - status_id?: number; -}) => { - // const type = props.type || "16_9"; - - // if (type == "16_9") { - // return ( - // <> - // <div>TYPE=16/9</div> - - // {/* <div className="hidden lg:block"><ReleaseLink169 {...props} /></div> */} - // {/* <div className="block lg:hidden"><ReleaseLink169Poster {...props} /></div> */} - // </> - // ); - // } - // if (props.type == "poster") { - return ( - <>You NEED to fix this. Replace import to `ReleaseLinkUpdate`</> - ); - // return <ReleaseLinkPoster {...props} />; - // } -}; diff --git a/app/components/ReleaseLinkOld/ReleaseLinkUpdate.tsx b/app/components/ReleaseLinkOld/ReleaseLinkUpdate.tsx deleted file mode 100644 index 4467f96..0000000 --- a/app/components/ReleaseLinkOld/ReleaseLinkUpdate.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import Link from "next/link"; -import { PosterWithStuff } from "../ReleasePoster/PosterWithStuff"; - -export const ReleaseLink = (props: { - image: string; - title_ru: string; - title_original: string; - genres?: string; - grade?: number; - id: number; - settings?: { - showGenres?: boolean; - }; - profile_list_status?: number; - status?: { - name: string; - }; - status_id?: number; -}) => { - return ( - <Link href={`/release/${props.id}`}> - <PosterWithStuff {...props} /> - </Link> - ); -};