From 3b97e4ea195269d9512d7cf118977207709e6728 Mon Sep 17 00:00:00 2001
From: moux1024 <403053463@qq.com>
Date: Thu, 23 Oct 2025 15:52:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20tab=E5=88=86=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/FamousTemplate.tsx                     | 15 ++++++++++++---
 .../create-video/CreateInput/ConfigPanel.tsx      |  7 -------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/components/FamousTemplate.tsx b/components/FamousTemplate.tsx
index 320fc6a..282ef25 100644
--- a/components/FamousTemplate.tsx
+++ b/components/FamousTemplate.tsx
@@ -30,7 +30,16 @@ const FamousTemplate: React.FC<FamousTemplateProps> = ({ showTabs = true }) => {
   const [isItemGenerating, setIsItemGenerating] = useState<{ [key: string]: boolean }>({})
   const [activeTemplateId, setActiveTemplateId] = useState<string | null>(null)
   const [isPreviewReady, setIsPreviewReady] = useState(false)
-  const [activeTab, setActiveTab] = useState<"all" | "music" | "animation" | "fantasy">("all")
+  const [activeTab, setActiveTab] = useState<string>("all")
+  const tabMap = {
+    all: "all",
+    narrative: "narrative",
+    music_video: "music video",
+    education: "education",
+    commercial: "commercial",
+    "2d_anime": "2d anime",
+    "3d_anime": "3d anime",
+  }
 
   useEffect(() => {
     void getTemplateStoryList()
@@ -52,7 +61,7 @@ const FamousTemplate: React.FC<FamousTemplateProps> = ({ showTabs = true }) => {
         </h2>
         {showTabs && (
           <div data-alt="template-tabs" className={`flex flex-wrap items-center gap-2 ${isDesktop ? 'ml-4' : 'ml-0'}`}>
-            {(["all", "music", "animation", "fantasy"] as const).map((tab) => (
+            {(["all", "narrative", "music_video", "education", "commercial", "2d_anime", "3d_anime"] as const).map((tab) => (
               <button
                 key={tab}
                 type="button"
@@ -64,7 +73,7 @@ const FamousTemplate: React.FC<FamousTemplateProps> = ({ showTabs = true }) => {
                     : "border-white/20 text-white/80 hover:border-white/40 hover:bg-white/10"
                 }`}
               >
-                {tab.toUpperCase()}
+                {tabMap[tab as keyof typeof tabMap].toUpperCase()}
               </button>
             ))}
           </div>
diff --git a/components/pages/create-video/CreateInput/ConfigPanel.tsx b/components/pages/create-video/CreateInput/ConfigPanel.tsx
index da0ae76..0a8b595 100644
--- a/components/pages/create-video/CreateInput/ConfigPanel.tsx
+++ b/components/pages/create-video/CreateInput/ConfigPanel.tsx
@@ -9,7 +9,6 @@ import { WandSparkles, RectangleHorizontal, RectangleVertical } from 'lucide-rea
 import { Dropdown, Tooltip } from 'antd';
 import { LanguageOptions, VideoDurationOptions } from './config-options';
 import type { ConfigOptions, LanguageValue, VideoDurationValue } from './config-options';
-import { PortraitAnimeSelector } from './PortraitAnimeSelector';
 
 interface ConfigPanelProps {
     /** Current configuration options */
@@ -149,12 +148,6 @@ export const ConfigPanel = ({
                     <RectangleHorizontal className="w-4 h-4" />
                 </button>
             </div>
-
-            {/* Portrait/Anime selector */}
-            <PortraitAnimeSelector
-                value={configOptions.pcode}
-                onChange={(v) => onConfigChange('pcode', v, true)}
-            />
         </div>
     );
 };