chore: first commit

2026-02-17 23:36:55 +03:00
parent 2e4820ac91
commit 674d5d735b
116 changed files with 327 additions and 150 deletions
@@ -0,0 +1,78 @@
+"use client"
+
+import type { JSX } from "react"
+
+import { PlusIcon } from "lucide-react"
+import { FunctionComponent, useState } from "react"
+
+import { ProjectCard } from "@entities/ProjectCard"
+import { CreateProjectModal } from "@features/CreateProjectModal"
+import api from "@shared/api"
+import { Button } from "@shared/ui"
+import { StaticLoader } from "@shared/ui/Loader"
+import { ProjectsHeader } from "@widgets/Projects/ProjectsHeader"
+
+import { IProjectsPageProps } from "./ProjectsPage.d"
+import styles from "./ProjectsPage.module.scss"
+import { useRouter } from "next/navigation"
+
+export const ProjectsPage: FunctionComponent<
+	IProjectsPageProps
+> = (): JSX.Element => {
+	const router = useRouter();
+	const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)
+
+	const {
+		data: projects,
+		isLoading: projectsLoading,
+		refetch: refetchProjects,
+	} = api.useQuery("get", "/api/projects/")
+
+	return (
+		<div className={styles.root} data-testid="ProjectsPage">
+			{projectsLoading && <StaticLoader fullscreen />}
+			<div className={styles.header}>
+				<div className={styles.titles}>
+					<h1 className={styles.title}>Мои проекты</h1>
+					<h4 className={styles.subtitle}>
+						Управляйте своими последними проектами
+					</h4>
+				</div>
+				<div>
+					<Button
+						variant="primary"
+						size="lg"
+						onClick={() => setIsCreateModalOpen(true)}
+					>
+						<PlusIcon /> Создать проект
+					</Button>
+				</div>
+			</div>
+
+			<CreateProjectModal
+				open={isCreateModalOpen}
+				onOpenChange={setIsCreateModalOpen}
+				onCreated={async () => {
+					await refetchProjects()
+				}}
+			/>
+
+			<ProjectsHeader />
+
+			<div className={styles.projectList}>
+				{projects?.map((project) => (
+					<ProjectCard
+						key={project.id}
+						project={project}
+						// Mock random progress for demo since API doesn't provide it yet
+						progress={project.status === "PROCESSING" ? 45 : 0}
+						currentAction={
+							project.status === "PROCESSING" ? "Rendering" : undefined
+						}
+						onClick={() => router.push(`/projects/${project.id}`)}
+					/>
+				))}
+			</div>
+		</div>
+	)
+}