From 0cf2e0edc693ca12f7ba29ea88bfbbc78245fbbd Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Mon, 14 Sep 2026 20:45:31 +0800
Subject: [PATCH] refactor: delete TemplateCard.tsx (#1899 #1900)

---
 .../my-templates/components/TemplateCard.tsx  | 92 -------------------
 1 file changed, 92 deletions(-)
 delete mode 100644 apps/web/src/pages/my-templates/components/TemplateCard.tsx

diff --git a/apps/web/src/pages/my-templates/components/TemplateCard.tsx b/apps/web/src/pages/my-templates/components/TemplateCard.tsx
deleted file mode 100644
index 5017b5e4b..000000000
--- a/apps/web/src/pages/my-templates/components/TemplateCard.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import React from "react"
-import { Card, Tag, Tooltip, Popconfirm, Space, Typography } from "antd"
-import { EditOutlined, CopyOutlined, DeleteOutlined, VideoCameraOutlined } from "@ant-design/icons"
-import {
-  MODE_LABELS,
-  MODE_COLORS,
-  type EditingTemplate,
-  type TemplateMode,
-} from "@/api/editing-planner"
-
-const { Text } = Typography
-
-interface TemplateCardProps {
-  tpl: EditingTemplate
-  onEdit: (tpl: EditingTemplate) => void
-  onCopy: (tpl: EditingTemplate) => void
-  onGenerate: (tpl: EditingTemplate) => void
-  onDelete: (id: string) => void
-}
-
-/**
- * 单个模板卡片组件
- */
-export const TemplateCard: React.FC<TemplateCardProps> = ({
-  tpl,
-  onEdit,
-  onCopy,
-  onGenerate,
-  onDelete,
-}) => (
-  <Card
-    className="mt-card"
-    hoverable
-    actions={[
-      <Tooltip title="编辑" key="edit">
-        <EditOutlined onClick={() => onEdit(tpl)} />
-      </Tooltip>,
-      <Tooltip title="复制" key="copy">
-        <CopyOutlined onClick={() => onCopy(tpl)} />
-      </Tooltip>,
-      <Tooltip title="使用模板生成" key="generate">
-        <VideoCameraOutlined onClick={() => onGenerate(tpl)} />
-      </Tooltip>,
-      <Popconfirm
-        key="delete"
-        title="确定删除此模板？"
-        onConfirm={() => onDelete(tpl.id)}
-        okText="删除"
-        cancelText="取消"
-      >
-        <Tooltip title="删除">
-          <DeleteOutlined style={{ color: "#ff4d4f" }} />
-        </Tooltip>
-      </Popconfirm>,
-    ]}
-  >
-    <div className="mt-card-head">
-      <Text strong ellipsis style={{ fontSize: 15 }}>
-        {tpl.name}
-      </Text>
-      <Tag color={MODE_COLORS[tpl.mode as TemplateMode] || "default"}>
-        {MODE_LABELS[tpl.mode as TemplateMode] || tpl.mode}
-      </Tag>
-      <Tag color="green">用户自制</Tag>
-    </div>
-
-    <div className="mt-card-meta">
-      <Text type="secondary" style={{ fontSize: 12 }}>
-        {tpl.segments.length} 个片段
-      </Text>
-      {tpl.category && <Tag style={{ fontSize: 11, marginTop: 4 }}>{tpl.category}</Tag>}
-    </div>
-
-    {tpl.tags.length > 0 && (
-      <div className="mt-card-tags">
-        {tpl.tags.map((tag) => (
-          <Tag key={tag} style={{ fontSize: 11 }}>
-            {tag}
-          </Tag>
-        ))}
-      </div>
-    )}
-
-    <div className="mt-card-config">
-      <Space size={4} wrap>
-        {tpl.title_config.ai_auto_select && <Tag color="cyan">AI标题</Tag>}
-        {tpl.subtitle_config.enabled && <Tag color="geekblue">字幕</Tag>}
-        {tpl.bgm_config.enabled && <Tag color="pink">BGM</Tag>}
-      </Space>
-    </div>
-  </Card>
-)