Commit b785071c by t0ng7u

🎨 style: remove all prefix icons to simplify the layout of the sidesheet component

parent f80eb958
...@@ -28,7 +28,6 @@ import { ...@@ -28,7 +28,6 @@ import {
IconCreditCard, IconCreditCard,
IconSave, IconSave,
IconClose, IconClose,
IconPlusCircle,
IconGift, IconGift,
} from '@douyinfe/semi-icons'; } from '@douyinfe/semi-icons';
...@@ -261,7 +260,6 @@ const EditRedemption = (props) => { ...@@ -261,7 +260,6 @@ const EditRedemption = (props) => {
autoComplete="new-password" autoComplete="new-password"
type="number" type="number"
className="w-full !rounded-lg" className="w-full !rounded-lg"
prefix={<IconCreditCard />}
data={[ data={[
{ value: 500000, label: '1$' }, { value: 500000, label: '1$' },
{ value: 5000000, label: '10$' }, { value: 5000000, label: '10$' },
...@@ -283,7 +281,6 @@ const EditRedemption = (props) => { ...@@ -283,7 +281,6 @@ const EditRedemption = (props) => {
autoComplete="new-password" autoComplete="new-password"
type="number" type="number"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconPlusCircle />}
/> />
</div> </div>
)} )}
......
...@@ -27,11 +27,8 @@ import { ...@@ -27,11 +27,8 @@ import {
Avatar, Avatar,
} from '@douyinfe/semi-ui'; } from '@douyinfe/semi-ui';
import { import {
IconClock,
IconCalendar,
IconCreditCard, IconCreditCard,
IconLink, IconLink,
IconServer,
IconUserGroup, IconUserGroup,
IconSave, IconSave,
IconClose, IconClose,
...@@ -375,7 +372,6 @@ const EditToken = (props) => { ...@@ -375,7 +372,6 @@ const EditToken = (props) => {
autoComplete='new-password' autoComplete='new-password'
type='dateTime' type='dateTime'
className='w-full !rounded-lg' className='w-full !rounded-lg'
prefix={<IconCalendar />}
/> />
</div> </div>
...@@ -393,7 +389,6 @@ const EditToken = (props) => { ...@@ -393,7 +389,6 @@ const EditToken = (props) => {
type='tertiary' type='tertiary'
onClick={() => setExpiredTime(0, 0, 1, 0)} onClick={() => setExpiredTime(0, 0, 1, 0)}
className='!rounded-full' className='!rounded-full'
icon={<IconClock />}
> >
{t('一小时')} {t('一小时')}
</Button> </Button>
...@@ -402,7 +397,6 @@ const EditToken = (props) => { ...@@ -402,7 +397,6 @@ const EditToken = (props) => {
type='tertiary' type='tertiary'
onClick={() => setExpiredTime(0, 1, 0, 0)} onClick={() => setExpiredTime(0, 1, 0, 0)}
className='!rounded-full' className='!rounded-full'
icon={<IconCalendar />}
> >
{t('一天')} {t('一天')}
</Button> </Button>
...@@ -411,7 +405,6 @@ const EditToken = (props) => { ...@@ -411,7 +405,6 @@ const EditToken = (props) => {
type='tertiary' type='tertiary'
onClick={() => setExpiredTime(1, 0, 0, 0)} onClick={() => setExpiredTime(1, 0, 0, 0)}
className='!rounded-full' className='!rounded-full'
icon={<IconCalendar />}
> >
{t('一个月')} {t('一个月')}
</Button> </Button>
...@@ -455,7 +448,6 @@ const EditToken = (props) => { ...@@ -455,7 +448,6 @@ const EditToken = (props) => {
autoComplete='new-password' autoComplete='new-password'
type='number' type='number'
className='w-full !rounded-lg' className='w-full !rounded-lg'
prefix={<IconCreditCard />}
data={[ data={[
{ value: 500000, label: '1$' }, { value: 500000, label: '1$' },
{ value: 5000000, label: '10$' }, { value: 5000000, label: '10$' },
...@@ -481,7 +473,6 @@ const EditToken = (props) => { ...@@ -481,7 +473,6 @@ const EditToken = (props) => {
autoComplete='off' autoComplete='off'
type='number' type='number'
className='w-full !rounded-lg' className='w-full !rounded-lg'
prefix={<IconPlusCircle />}
data={[ data={[
{ value: 10, label: t('10个') }, { value: 10, label: t('10个') },
{ value: 20, label: t('20个') }, { value: 20, label: t('20个') },
...@@ -560,7 +551,6 @@ const EditToken = (props) => { ...@@ -560,7 +551,6 @@ const EditToken = (props) => {
value={inputs.model_limits} value={inputs.model_limits}
multiple multiple
className='w-full !rounded-lg' className='w-full !rounded-lg'
prefix={<IconServer />}
optionList={models} optionList={models}
disabled={!model_limits_enabled} disabled={!model_limits_enabled}
maxTagCount={3} maxTagCount={3}
...@@ -595,7 +585,6 @@ const EditToken = (props) => { ...@@ -595,7 +585,6 @@ const EditToken = (props) => {
renderOptionItem={renderGroupOption} renderOptionItem={renderGroupOption}
value={inputs.group} value={inputs.group}
className='w-full !rounded-lg' className='w-full !rounded-lg'
prefix={<IconUserGroup />}
optionList={groups} optionList={groups}
/> />
) : ( ) : (
...@@ -603,7 +592,6 @@ const EditToken = (props) => { ...@@ -603,7 +592,6 @@ const EditToken = (props) => {
placeholder={t('管理员未设置用户可选分组')} placeholder={t('管理员未设置用户可选分组')}
disabled={true} disabled={true}
className='w-full !rounded-lg' className='w-full !rounded-lg'
prefix={<IconUserGroup />}
/> />
)} )}
</div> </div>
......
...@@ -12,12 +12,9 @@ import { ...@@ -12,12 +12,9 @@ import {
Avatar Avatar
} from '@douyinfe/semi-ui'; } from '@douyinfe/semi-ui';
import { import {
IconUser,
IconSave, IconSave,
IconClose, IconClose,
IconKey,
IconUserAdd, IconUserAdd,
IconEdit,
} from '@douyinfe/semi-icons'; } from '@douyinfe/semi-icons';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
...@@ -131,7 +128,6 @@ const AddUser = (props) => { ...@@ -131,7 +128,6 @@ const AddUser = (props) => {
value={username} value={username}
autoComplete="off" autoComplete="off"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconUser />}
showClear showClear
required required
/> />
...@@ -145,7 +141,6 @@ const AddUser = (props) => { ...@@ -145,7 +141,6 @@ const AddUser = (props) => {
value={display_name} value={display_name}
autoComplete="off" autoComplete="off"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconUser />}
showClear showClear
/> />
</div> </div>
...@@ -159,7 +154,6 @@ const AddUser = (props) => { ...@@ -159,7 +154,6 @@ const AddUser = (props) => {
value={password} value={password}
autoComplete="off" autoComplete="off"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconKey />}
required required
/> />
</div> </div>
...@@ -172,7 +166,6 @@ const AddUser = (props) => { ...@@ -172,7 +166,6 @@ const AddUser = (props) => {
value={remark} value={remark}
autoComplete="off" autoComplete="off"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconEdit />}
showClear showClear
/> />
</div> </div>
......
...@@ -18,12 +18,9 @@ import { ...@@ -18,12 +18,9 @@ import {
IconUser, IconUser,
IconSave, IconSave,
IconClose, IconClose,
IconKey,
IconCreditCard,
IconLink, IconLink,
IconUserGroup, IconUserGroup,
IconPlus, IconPlus,
IconEdit,
} from '@douyinfe/semi-icons'; } from '@douyinfe/semi-icons';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
...@@ -222,7 +219,6 @@ const EditUser = (props) => { ...@@ -222,7 +219,6 @@ const EditUser = (props) => {
value={password} value={password}
autoComplete="new-password" autoComplete="new-password"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconKey />}
/> />
</div> </div>
...@@ -246,7 +242,6 @@ const EditUser = (props) => { ...@@ -246,7 +242,6 @@ const EditUser = (props) => {
value={remark} value={remark}
autoComplete="off" autoComplete="off"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconEdit />}
showClear showClear
/> />
</div> </div>
...@@ -281,7 +276,6 @@ const EditUser = (props) => { ...@@ -281,7 +276,6 @@ const EditUser = (props) => {
autoComplete="new-password" autoComplete="new-password"
optionList={groupOptions} optionList={groupOptions}
className="w-full !rounded-lg" className="w-full !rounded-lg"
prefix={<IconUserGroup />}
/> />
</div> </div>
...@@ -298,7 +292,6 @@ const EditUser = (props) => { ...@@ -298,7 +292,6 @@ const EditUser = (props) => {
type="number" type="number"
autoComplete="new-password" autoComplete="new-password"
className="flex-1 !rounded-lg" className="flex-1 !rounded-lg"
prefix={<IconCreditCard />}
/> />
<Button <Button
onClick={openAddQuotaModal} onClick={openAddQuotaModal}
...@@ -425,7 +418,6 @@ const EditUser = (props) => { ...@@ -425,7 +418,6 @@ const EditUser = (props) => {
type="number" type="number"
autoComplete="new-password" autoComplete="new-password"
className="!rounded-lg" className="!rounded-lg"
prefix={<IconCreditCard />}
/> />
</Modal> </Modal>
</> </>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment