StepanovPlaton/torrent_frontend
1
0
Fork 0
mirror of https://github.com/StepanovPlaton/torrent_frontend.git synced 2026-04-03 12:20:48 +04:00
Code Issues Packages Projects Releases Wiki Activity

Init game page

Browse Source
This commit is contained in:
Степанов Платон
2024-05-12 13:12:13 +04:00
parent 275d99bd85
commit 15247adfa3
9 changed files with 88 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/games/[game_id]/page.tsx Normal file
View File

@@ -0,0 +1,48 @@
import { GameService } from "@/entities/game";
import { GameCard } from "@/features/gameCard";
import { Section } from "@/widgets/section";
import Image from "next/image";
export default async function Games({
params: { game_id },
}: {
params: { game_id: number };
}) {
const gameCards = await GameService.getGameCards();
const game = await GameService.getGame(game_id);
return (
<>
{game && (
<div className="p-4 flex flex-col lp:flex-row">
{game.cover && (
<Image
src={game.cover}
className="rounded-lg w-[60%] aspect-video object-cover"
alt=""
width={1280}
height={720}
/>
)}
<div className="pt-2 max-w-[40%]">
<h1 className="text-4xl">{game.title}</h1>
<p className="text-md text-justify text-fg4 pt-2">
{game.description}
</p>
</div>
</div>
)}
{gameCards && (
<Section
name="Другие популярные игры"
link="/games"
invite_text={'Перейти в раздел "Игры"'}
>
{gameCards.map((card) => (
<GameCard key={card.id} card={card} />
))}
</Section>
)}
</>
);
}

6
src/app/games/page.tsx
View File

@@ -9,10 +9,10 @@ export const metadata: Metadata = {
".Torrent: Игры - каталог .torrent файлов для обмена видеоиграми",
};
export default async function Home() {
export default async function Games() {
const gameCards = await GameService.getGameCards();
return (
<div className="w-full h-full max-w-[var(--app-width)] m-auto overflow-y-auto">
<>
{gameCards && (
<Section>
{gameCards.map((card) => (
@@ -20,6 +20,6 @@ export default async function Home() {
))}
</Section>
)}
</div>
</>
);
}

4
src/app/layout.tsx
View File

@@ -23,7 +23,9 @@ export default function RootLayout({
<body className={inter.className}>
<ThemeProvider enableSystem={false} defaultTheme="light">
<Header />
{children}
<div className="w-full h-full max-w-[var(--app-width)] m-auto overflow-y-auto">
{children}
</div>
</ThemeProvider>
</body>
</html>

4
src/app/page.tsx
View File

@@ -5,7 +5,7 @@ import { Section } from "@/widgets/section";
export default async function Home() {
const gameCards = await GameService.getGameCards();
return (
<div className="w-full h-full max-w-[var(--app-width)] m-auto overflow-y-auto">
<>
{gameCards && (
<Section
name="Игры"
@@ -17,6 +17,6 @@ export default async function Home() {
))}
</Section>
)}
</div>
</>
);
}

4
src/entities/game/game.ts
View File

@@ -1,5 +1,6 @@
import { HTTPService } from "@/shared/http/httpService";
import { gameCardsSchema, GameCardType } from "./schemas/gameCard";
import { gameSchema, GameType } from "./schemas/game";
export abstract class GameService {
public static async getGameCards() {
@@ -8,4 +9,7 @@ export abstract class GameService {
gameCardsSchema
);
}
public static async getGame(id: number) {
return await HTTPService.get<GameType>(`/games/${id}`, gameSchema);
}
}

7
src/entities/game/schemas/game.ts
View File

@@ -1,8 +1,7 @@
import { z } from "zod";
import { gameCardSchema } from "./gameCard";
export const gameSchema = z.union([
gameCardSchema,
export const gameSchema = gameCardSchema.and(
z.object({
torrent_file: z.string().min(1),
language: z.string().optional(),
@@ -17,8 +16,8 @@ export const gameSchema = z.union([
.string()
.min(1)
.transform((d) => new Date(d)),
}),
]);
})
);
export type GameType = z.infer<typeof gameSchema>;
export const isGame = (a: any): a is GameType => {

5
src/features/gameCard/gameCard.tsx
View File

@@ -1,9 +1,10 @@
import { GameCardType } from "@/entities/game";
import Image from "next/image";
import Link from "next/link";
export const GameCard = ({ card }: { card: GameCardType }) => {
return (
<div className="group/gamecard cursor-pointer">
<Link className="group/gamecard cursor-pointer" href={"/games/" + card.id}>
{!!card.cover_preview && (
<Image
src={card.cover_preview}
@@ -26,6 +27,6 @@ export const GameCard = ({ card }: { card: GameCardType }) => {
<p className="text-lg tb:text-sm pr-2 text-justify line-clamp-5 text-fg4">
{card.description}
</p>
</div>
</Link>
);
};

19
src/shared/ui/cover/cover.tsx Normal file
View File

@@ -0,0 +1,19 @@
import Image from "next/image";
export const Cover = ({
cover,
type = "preview",
}: {
cover: string;
type?: "cover" | "preview";
}) => {
return (
<Image
src={cover}
className="rounded-lg aspect-video object-cover"
alt=""
width={type === "preview" ? 700 : 1280}
height={type === "preview" ? 400 : 720}
/>
);
};

3
src/shared/ui/cover/index.ts Normal file
View File

@@ -0,0 +1,3 @@
import { Cover } from "./cover";
export { Cover };