improvement for the backend api

app/(dashboard)/creatives/[id]/page.tsx

@@ -45,7 +45,7 @@ import {
   Users,
   TrendingUp,
 } from "lucide-react";
-import type { CreativeDetail } from "@/lib/types/api";
+import type { Creative } from "@/lib/types/api";
 
 interface PageProps {
   params: Promise<{ id: string }>;
@@ -54,7 +54,7 @@ interface PageProps {
 export default function CreativeDetailPage({ params }: PageProps) {
   const resolvedParams = use(params);
   const router = useRouter();
-  const [creative, setCreative] = useState<CreativeDetail | null>(null);
+  const [creative, setCreative] = useState<Creative | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
@@ -79,9 +79,12 @@ export default function CreativeDetailPage({ params }: PageProps) {
 
     try {
       await creativesApi.update(creative.id, {
-        is_archived: !creative.is_archived,
+        status: creative.status === "active" ? "archived" : "active",
+      });
+      setCreative({
+        ...creative,
+        status: creative.status === "active" ? "archived" : "active",
       });
-      setCreative({ ...creative, is_archived: !creative.is_archived });
     } catch (err: any) {
       alert(err?.error?.message || "Ошибка обновления креатива");
     }
@@ -162,16 +165,20 @@ export default function CreativeDetailPage({ params }: PageProps) {
               <h1 className="text-3xl font-bold tracking-tight">
                 {creative.name}
               </h1>
-              {creative.is_archived && <Badge variant="secondary">Архив</Badge>}
+              {creative.status === "archived" && (
+                <Badge variant="secondary">Архив</Badge>
+              )}
             </div>
             <div className="text-sm text-muted-foreground">
-              Целевой канал: {creative.target_channel.title}
+              Целевой канал: {creative.target_channel_title}
             </div>
           </div>
           <div className="flex gap-2">
             <Button variant="outline" onClick={handleArchive}>
               <Archive className="mr-2 h-4 w-4" />
-              {creative.is_archived ? "Разархивировать" : "Архивировать"}
+              {creative.status === "archived"
+                ? "Разархивировать"
+                : "Архивировать"}
             </Button>
             <Button variant="destructive" onClick={handleDelete}>
               <Trash2 className="mr-2 h-4 w-4" />
@@ -190,10 +197,10 @@ export default function CreativeDetailPage({ params }: PageProps) {
             </CardHeader>
             <CardContent>
               <div className="text-2xl font-bold">
-                {formatNumber(creative.total_purchases)}
+                {formatNumber(creative.placements_count)}
               </div>
               <p className="text-xs text-muted-foreground mt-1">
-                С этим креативом
+                Всего размещений
               </p>
             </CardContent>
           </Card>
@@ -201,29 +208,16 @@ export default function CreativeDetailPage({ params }: PageProps) {
           <Card>
             <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
               <CardTitle className="text-sm font-medium">
-                Подписчиков привлечено
+                Целевой канал
               </CardTitle>
               <Users className="h-4 w-4 text-muted-foreground" />
             </CardHeader>
             <CardContent>
-              <div className="text-2xl font-bold">
-                {formatNumber(creative.total_subscriptions)}
-              </div>
-              <p className="text-xs text-muted-foreground mt-1">Всего</p>
-            </CardContent>
-          </Card>
-
-          <Card>
-            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle className="text-sm font-medium">Средний CPF</CardTitle>
-              <TrendingUp className="h-4 w-4 text-muted-foreground" />
-            </CardHeader>
-            <CardContent>
-              <div className="text-2xl font-bold">
-                ₽{formatMetric(creative.avg_cpf)}
+              <div className="text-lg font-medium">
+                {creative.target_channel_title}
               </div>
               <p className="text-xs text-muted-foreground mt-1">
-                По всем закупам
+                Канал для рекламы
               </p>
             </CardContent>
           </Card>
@@ -261,58 +255,29 @@ export default function CreativeDetailPage({ params }: PageProps) {
 
         <Card>
           <CardHeader>
-            <CardTitle>Закупы с этим креативом</CardTitle>
-            <CardDescription>История использования креатива</CardDescription>
+            <CardTitle>Информация о размещениях</CardTitle>
+            <CardDescription>Статистика использования креатива</CardDescription>
           </CardHeader>
           <CardContent>
-            {creative.purchases.length === 0 ? (
-              <p className="text-center text-muted-foreground py-8">
-                Закупов с этим креативом пока нет
-              </p>
-            ) : (
-              <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHead>Внешний канал</TableHead>
-                    <TableHead>Дата</TableHead>
-                    <TableHead className="text-right">Стоимость</TableHead>
-                    <TableHead className="text-right">Подписчики</TableHead>
-                    <TableHead className="text-right">CPF</TableHead>
-                    <TableHead></TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {creative.purchases.map((purchase) => (
-                    <TableRow key={purchase.id}>
-                      <TableCell className="font-medium">
-                        {purchase.external_channel.title}
-                      </TableCell>
-                      <TableCell>
-                        {formatDate(
-                          purchase.actual_date || purchase.scheduled_date
-                        )}
-                      </TableCell>
-                      <TableCell className="text-right">
-                        {formatCurrency(purchase.cost)}
-                      </TableCell>
-                      <TableCell className="text-right">
-                        {formatNumber(purchase.subscriptions_count)}
-                      </TableCell>
-                      <TableCell className="text-right">
-                        ₽{formatMetric(purchase.cpf)}
-                      </TableCell>
-                      <TableCell className="text-right">
-                        <Button asChild variant="ghost" size="sm">
-                          <Link href={`/purchases/${purchase.id}`}>
-                            Открыть
-                          </Link>
-                        </Button>
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            )}
+            <div className="space-y-4">
+              <div>
+                <h4 className="text-sm font-medium mb-2">Всего размещений:</h4>
+                <p className="text-2xl font-bold">
+                  {creative.placements_count}
+                </p>
+              </div>
+              <div>
+                <h4 className="text-sm font-medium mb-2">Создан:</h4>
+                <p className="text-sm">{formatDate(creative.created_at)}</p>
+              </div>
+              <div>
+                <Button asChild variant="outline" className="w-full">
+                  <Link href={`/purchases?creative_id=${creative.id}`}>
+                    Посмотреть все размещения
+                  </Link>
+                </Button>
+              </div>
+            </div>
           </CardContent>
         </Card>
       </div>