new features

src/entities/ProjectCard/ProjectCard.tsx

@@ -7,8 +7,8 @@ import { Image as ImageIcon, MoreHorizontal } from "lucide-react"
 import { FunctionComponent } from "react"
 
 import cs from "classnames"
-import moment from "moment"
 
+import { formatRelativeTime } from "@shared/lib/dates"
 import { Card } from "@shared/ui/Card"
 import { CircularProgress } from "@shared/ui/CircularProgress"
 import {
@@ -27,6 +27,9 @@ export const ProjectCard: FunctionComponent<IProjectCardProps> = ({
 	currentAction,
 	imageUrl,
 	onClick,
+	onEdit,
+	onRename,
+	onDelete,
 }): JSX.Element => {
 	const { name, updated_at, status } = project
 
@@ -38,7 +41,6 @@ export const ProjectCard: FunctionComponent<IProjectCardProps> = ({
 
 	const shouldShowProgress = isProcessing
 
-	// Helper to determine status color/class
 	const getStatusClass = () => {
 		if (isCompleted) return styles.statusGenerated
 		if (isProcessing) return styles.statusProcessing
@@ -49,7 +51,7 @@ export const ProjectCard: FunctionComponent<IProjectCardProps> = ({
 
 	const getStatusLabel = () => {
 		if (isCompleted) return "Завершено"
-		if (isProcessing) return "В процессе" // Or more specific state
+		if (isProcessing) return "В процессе"
 		if (isDraft) return "Черновик"
 		if (isFailed) return "Ошибка"
 		return status
@@ -112,19 +114,15 @@ export const ProjectCard: FunctionComponent<IProjectCardProps> = ({
 									</button>
 								</DropdownTrigger>
 								<DropdownContent align="end">
-									<DropdownItem
-										onSelect={() => console.log("Edit", project.id)}
-									>
+									<DropdownItem onSelect={() => onEdit?.()}>
 										Изменить
 									</DropdownItem>
-									<DropdownItem
-										onSelect={() => console.log("Rename", project.id)}
-									>
+									<DropdownItem onSelect={() => onRename?.()}>
 										Переименовать
 									</DropdownItem>
 									<DropdownItem
 										className="text-red-500"
-										onSelect={() => console.log("Delete", project.id)}
+										onSelect={() => onDelete?.()}
 									>
 										Удалить
 									</DropdownItem>
@@ -133,7 +131,7 @@ export const ProjectCard: FunctionComponent<IProjectCardProps> = ({
 						</div>
 					</div>
 					<span className={styles.date}>
-						Создано {moment(updated_at).fromNow()}
+						Создано {formatRelativeTime(updated_at)}
 					</span>
 				</div>
 			</div>