improvement for the backend api

app/(dashboard)/channels/page.tsx

@@ -45,9 +45,11 @@ export default function ChannelsPage() {
       try {
         setLoading(true);
         const response = await channelsApi.list();
-        setChannels(response.data);
+        setChannels(response.target_channels);
       } catch (err: any) {
-        setError(err?.error?.message || "Ошибка загрузки каналов");
+        setError(
+          err?.error?.message || err?.detail || "Ошибка загрузки каналов"
+        );
       } finally {
         setLoading(false);
       }
@@ -62,14 +64,16 @@ export default function ChannelsPage() {
     return true;
   });
 
-  const handleToggleActive = async (id: string, isActive: boolean) => {
+  const handleDisconnect = async (id: string, title: string) => {
+    if (!confirm(`Вы уверены, что хотите отключить канал "${title}"?`)) {
+      return;
+    }
+
     try {
-      await channelsApi.update(id, { is_active: !isActive });
-      setChannels((prev) =>
-        prev.map((ch) => (ch.id === id ? { ...ch, is_active: !isActive } : ch))
-      );
+      await channelsApi.delete(id);
+      setChannels((prev) => prev.filter((ch) => ch.id !== id));
     } catch (err: any) {
-      alert(err?.error?.message || "Ошибка обновления канала");
+      alert(err?.error?.message || err?.detail || "Ошибка отключения канала");
     }
   };
 
@@ -213,59 +217,23 @@ export default function ChannelsPage() {
                       </div>
                     </CardHeader>
                     <CardContent className="space-y-3">
-                      {channel.description && (
-                        <p className="text-sm text-muted-foreground line-clamp-2">
-                          {channel.description}
-                        </p>
-                      )}
-
-                      <div className="grid grid-cols-3 gap-2 text-center">
-                        <div className="rounded-lg border bg-muted/50 p-2">
-                          <div className="text-sm font-medium">
-                            {formatNumber(channel.total_purchases)}
-                          </div>
-                          <div className="text-xs text-muted-foreground">
-                            Закупов
-                          </div>
-                        </div>
-                        <div className="rounded-lg border bg-muted/50 p-2">
-                          <div className="text-sm font-medium">
-                            {formatNumber(channel.total_subscriptions)}
-                          </div>
-                          <div className="text-xs text-muted-foreground">
-                            Подписчиков
-                          </div>
-                        </div>
-                        <div className="rounded-lg border bg-muted/50 p-2">
-                          <div className="text-sm font-medium">
-                            ₽{formatMetric(channel.avg_cpf)}
-                          </div>
-                          <div className="text-xs text-muted-foreground">
-                            CPF
-                          </div>
-                        </div>
+                      <div className="text-sm text-muted-foreground">
+                        Telegram ID:{" "}
+                        <code className="text-xs bg-muted px-1 rounded">
+                          {channel.telegram_id}
+                        </code>
                       </div>
 
                       <div className="flex gap-2 pt-2">
-                        <Button
-                          asChild
-                          variant="default"
-                          size="sm"
-                          className="flex-1"
-                        >
-                          <Link href={`/channels/${channel.id}`}>
-                            <Eye className="mr-2 h-4 w-4" />
-                            Подробнее
-                          </Link>
-                        </Button>
                         <Button
                           variant="outline"
                           size="sm"
                           onClick={() =>
-                            handleToggleActive(channel.id, channel.is_active)
+                            handleDisconnect(channel.id, channel.title)
                           }
+                          className="flex-1"
                         >
-                          {channel.is_active ? "Отключить" : "Включить"}
+                          Отключить канал
                         </Button>
                       </div>
                     </CardContent>