From 9fb7100b3f844e21761de96f9bcca77ec20c5e2a Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Mon, 1 Apr 2024 16:05:07 +0800
Subject: [PATCH] modify style of app type tag

---
 web/app/(commonLayout)/apps/AppCard.tsx       | 16 +---------------
 web/app/components/explore/app-card/index.tsx | 16 +---------------
 2 files changed, 2 insertions(+), 30 deletions(-)

diff --git a/web/app/(commonLayout)/apps/AppCard.tsx b/web/app/(commonLayout)/apps/AppCard.tsx
index 6f28372267..cbe5780ccc 100644
--- a/web/app/(commonLayout)/apps/AppCard.tsx
+++ b/web/app/(commonLayout)/apps/AppCard.tsx
@@ -247,21 +247,7 @@ const AppCard = ({ app, onRefresh }: AppCardProps) => {
               <div className='truncate' title={app.name}>{app.name}</div>
             </div>
             <div className='flex items-center text-[10px] leading-[18px] text-gray-500 font-medium'>
-              {app.mode === 'advanced-chat' && (
-                <div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
-              )}
-              {app.mode === 'agent-chat' && (
-                <div className='truncate text-indigo-600'>{t('app.types.agent').toUpperCase()}</div>
-              )}
-              {app.mode === 'chat' && (
-                <div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
-              )}
-              {app.mode === 'completion' && (
-                <div className='truncate text-[#0E9384]'>{t('app.newApp.completeApp').toUpperCase()}</div>
-              )}
-              {app.mode === 'workflow' && (
-                <div className='truncate text-[#f79009]'>{t('app.types.workflow').toUpperCase()}</div>
-              )}
+              <div className='truncate'>{t('app.types.chatbot').toUpperCase()}</div>
             </div>
           </div>
           {isCurrentWorkspaceManager && <CustomPopover
diff --git a/web/app/components/explore/app-card/index.tsx b/web/app/components/explore/app-card/index.tsx
index 1d7b30f32f..e8b2bdbe0a 100644
--- a/web/app/components/explore/app-card/index.tsx
+++ b/web/app/components/explore/app-card/index.tsx
@@ -50,21 +50,7 @@ const AppCard = ({
             <div className='truncate' title={appBasicInfo.name}>{appBasicInfo.name}</div>
           </div>
           <div className='flex items-center text-[10px] leading-[18px] text-gray-500 font-medium'>
-            {appBasicInfo.mode === 'advanced-chat' && (
-              <div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
-            )}
-            {appBasicInfo.mode === 'agent-chat' && (
-              <div className='truncate text-indigo-600'>{t('app.types.agent').toUpperCase()}</div>
-            )}
-            {appBasicInfo.mode === 'chat' && (
-              <div className='truncate text-[#1570EF]'>{t('app.types.chatbot').toUpperCase()}</div>
-            )}
-            {appBasicInfo.mode === 'completion' && (
-              <div className='truncate text-[#0E9384]'>{t('app.newApp.completeApp').toUpperCase()}</div>
-            )}
-            {appBasicInfo.mode === 'workflow' && (
-              <div className='truncate text-[#f79009]'>{t('app.types.workflow').toUpperCase()}</div>
-            )}
+            <div className='truncate'>{t('app.types.chatbot').toUpperCase()}</div>
           </div>
         </div>
       </div>