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>
- );
-};