From ee27bc51496afe5a5dbca572d3ad2ae40c1d80db Mon Sep 17 00:00:00 2001
From: Jesse Rodriguez <wellpeng97@gmail.com>
Date: Tue, 12 Nov 2024 15:39:09 +0800
Subject: [PATCH] feat: new Badge

---
 packages/arex/src/panes/AppSetting/AppSetting.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/arex/src/panes/AppSetting/AppSetting.tsx b/packages/arex/src/panes/AppSetting/AppSetting.tsx
index fce608fc..7c643f10 100644
--- a/packages/arex/src/panes/AppSetting/AppSetting.tsx
+++ b/packages/arex/src/panes/AppSetting/AppSetting.tsx
@@ -5,7 +5,7 @@ import {
   setLocalStorage,
   useTranslation,
 } from '@arextest/arex-core';
-import { Tabs } from 'antd';
+import { Badge, Tabs } from 'antd';
 import React, { useEffect, useMemo } from 'react';
 
 import { APP_ID_KEY, PanesType } from '@/constant';
@@ -46,7 +46,11 @@ const AppSetting: ArexPaneFC<{ key: string }> = (props) => {
       },
       {
         key: 'compareConfigNew',
-        label: t('appSetting.compareConfig') + ' new',
+        label: (
+          <Badge size='small' count='new' offset={[12, 0]}>
+            {t('appSetting.compareConfig')}
+          </Badge>
+        ),
         children: <CompareConfigNew appId={appId} />,
       },
       {