From 1a0aac81dfec49e6f92a6e50f39fd4b1045bc3af Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Thu, 26 Jun 2025 16:36:36 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20remove=20all=20prefix?=
 =?UTF-8?q?=20icons=20to=20simplify=20the=20layout=20of=20the=20sidesheet?=
 =?UTF-8?q?=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Redemption/EditRedemption.js |  3 ---
 web/src/pages/Token/EditToken.js           | 12 ------------
 web/src/pages/User/AddUser.js              |  7 -------
 web/src/pages/User/EditUser.js             |  8 --------
 4 files changed, 30 deletions(-)

diff --git a/web/src/pages/Redemption/EditRedemption.js b/web/src/pages/Redemption/EditRedemption.js
index 47f0bedc..81cdaa4d 100644
--- a/web/src/pages/Redemption/EditRedemption.js
+++ b/web/src/pages/Redemption/EditRedemption.js
@@ -28,7 +28,6 @@ import {
   IconCreditCard,
   IconSave,
   IconClose,
-  IconPlusCircle,
   IconGift,
 } from '@douyinfe/semi-icons';
 
@@ -261,7 +260,6 @@ const EditRedemption = (props) => {
                     autoComplete="new-password"
                     type="number"
                     className="w-full !rounded-lg"
-                    prefix={<IconCreditCard />}
                     data={[
                       { value: 500000, label: '1$' },
                       { value: 5000000, label: '10$' },
@@ -283,7 +281,6 @@ const EditRedemption = (props) => {
                       autoComplete="new-password"
                       type="number"
                       className="!rounded-lg"
-                      prefix={<IconPlusCircle />}
                     />
                   </div>
                 )}
diff --git a/web/src/pages/Token/EditToken.js b/web/src/pages/Token/EditToken.js
index df723323..d5983487 100644
--- a/web/src/pages/Token/EditToken.js
+++ b/web/src/pages/Token/EditToken.js
@@ -27,11 +27,8 @@ import {
   Avatar,
 } from '@douyinfe/semi-ui';
 import {
-  IconClock,
-  IconCalendar,
   IconCreditCard,
   IconLink,
-  IconServer,
   IconUserGroup,
   IconSave,
   IconClose,
@@ -375,7 +372,6 @@ const EditToken = (props) => {
                     autoComplete='new-password'
                     type='dateTime'
                     className='w-full !rounded-lg'
-                    prefix={<IconCalendar />}
                   />
                 </div>
 
@@ -393,7 +389,6 @@ const EditToken = (props) => {
                     type='tertiary'
                     onClick={() => setExpiredTime(0, 0, 1, 0)}
                     className='!rounded-full'
-                    icon={<IconClock />}
                   >
                     {t('一小时')}
                   </Button>
@@ -402,7 +397,6 @@ const EditToken = (props) => {
                     type='tertiary'
                     onClick={() => setExpiredTime(0, 1, 0, 0)}
                     className='!rounded-full'
-                    icon={<IconCalendar />}
                   >
                     {t('一天')}
                   </Button>
@@ -411,7 +405,6 @@ const EditToken = (props) => {
                     type='tertiary'
                     onClick={() => setExpiredTime(1, 0, 0, 0)}
                     className='!rounded-full'
-                    icon={<IconCalendar />}
                   >
                     {t('一个月')}
                   </Button>
@@ -455,7 +448,6 @@ const EditToken = (props) => {
                   autoComplete='new-password'
                   type='number'
                   className='w-full !rounded-lg'
-                  prefix={<IconCreditCard />}
                   data={[
                     { value: 500000, label: '1$' },
                     { value: 5000000, label: '10$' },
@@ -481,7 +473,6 @@ const EditToken = (props) => {
                     autoComplete='off'
                     type='number'
                     className='w-full !rounded-lg'
-                    prefix={<IconPlusCircle />}
                     data={[
                       { value: 10, label: t('10个') },
                       { value: 20, label: t('20个') },
@@ -560,7 +551,6 @@ const EditToken = (props) => {
                   value={inputs.model_limits}
                   multiple
                   className='w-full !rounded-lg'
-                  prefix={<IconServer />}
                   optionList={models}
                   disabled={!model_limits_enabled}
                   maxTagCount={3}
@@ -595,7 +585,6 @@ const EditToken = (props) => {
                   renderOptionItem={renderGroupOption}
                   value={inputs.group}
                   className='w-full !rounded-lg'
-                  prefix={<IconUserGroup />}
                   optionList={groups}
                 />
               ) : (
@@ -603,7 +592,6 @@ const EditToken = (props) => {
                   placeholder={t('管理员未设置用户可选分组')}
                   disabled={true}
                   className='w-full !rounded-lg'
-                  prefix={<IconUserGroup />}
                 />
               )}
             </div>
diff --git a/web/src/pages/User/AddUser.js b/web/src/pages/User/AddUser.js
index 7cef25cb..5109502f 100644
--- a/web/src/pages/User/AddUser.js
+++ b/web/src/pages/User/AddUser.js
@@ -12,12 +12,9 @@ import {
   Avatar
 } from '@douyinfe/semi-ui';
 import {
-  IconUser,
   IconSave,
   IconClose,
-  IconKey,
   IconUserAdd,
-  IconEdit,
 } from '@douyinfe/semi-icons';
 import { useTranslation } from 'react-i18next';
 
@@ -131,7 +128,6 @@ const AddUser = (props) => {
                     value={username}
                     autoComplete="off"
                     className="!rounded-lg"
-                    prefix={<IconUser />}
                     showClear
                     required
                   />
@@ -145,7 +141,6 @@ const AddUser = (props) => {
                     value={display_name}
                     autoComplete="off"
                     className="!rounded-lg"
-                    prefix={<IconUser />}
                     showClear
                   />
                 </div>
@@ -159,7 +154,6 @@ const AddUser = (props) => {
                     value={password}
                     autoComplete="off"
                     className="!rounded-lg"
-                    prefix={<IconKey />}
                     required
                   />
                 </div>
@@ -172,7 +166,6 @@ const AddUser = (props) => {
                     value={remark}
                     autoComplete="off"
                     className="!rounded-lg"
-                    prefix={<IconEdit />}
                     showClear
                   />
                 </div>
diff --git a/web/src/pages/User/EditUser.js b/web/src/pages/User/EditUser.js
index efbbd3c3..c4e5bb76 100644
--- a/web/src/pages/User/EditUser.js
+++ b/web/src/pages/User/EditUser.js
@@ -18,12 +18,9 @@ import {
   IconUser,
   IconSave,
   IconClose,
-  IconKey,
-  IconCreditCard,
   IconLink,
   IconUserGroup,
   IconPlus,
-  IconEdit,
 } from '@douyinfe/semi-icons';
 import { useTranslation } from 'react-i18next';
 
@@ -222,7 +219,6 @@ const EditUser = (props) => {
                     value={password}
                     autoComplete="new-password"
                     className="!rounded-lg"
-                    prefix={<IconKey />}
                   />
                 </div>
 
@@ -246,7 +242,6 @@ const EditUser = (props) => {
                     value={remark}
                     autoComplete="off"
                     className="!rounded-lg"
-                    prefix={<IconEdit />}
                     showClear
                   />
                 </div>
@@ -281,7 +276,6 @@ const EditUser = (props) => {
                       autoComplete="new-password"
                       optionList={groupOptions}
                       className="w-full !rounded-lg"
-                      prefix={<IconUserGroup />}
                     />
                   </div>
 
@@ -298,7 +292,6 @@ const EditUser = (props) => {
                         type="number"
                         autoComplete="new-password"
                         className="flex-1 !rounded-lg"
-                        prefix={<IconCreditCard />}
                       />
                       <Button
                         onClick={openAddQuotaModal}
@@ -425,7 +418,6 @@ const EditUser = (props) => {
           type="number"
           autoComplete="new-password"
           className="!rounded-lg"
-          prefix={<IconCreditCard />}
         />
       </Modal>
     </>