lovearemine/alert
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf‌(group & symbol select): styles change

Browse Source
This commit is contained in:
Jhonton Chen
2026-05-19 14:10:08 +08:00
parent 9cafea8efb
commit 961a4076fb
3 changed files with 24 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/locales/en_US/pages.ts
View File

@@ -145,8 +145,8 @@ export default {
'pages.rules.allSymbols': 'All Symbols', 'pages.rules.allSymbols': 'All Symbols',
'pages.rules.allAssets': 'All Assets', 'pages.rules.allAssets': 'All Assets',
'pages.rules.searchResults': 'Search results', 'pages.rules.searchResults': 'Search results',
'pages.rules.selectSearchResults': 'Select results', 'pages.rules.selectSearchResults': 'Select',
'pages.rules.deselectSearchResults': 'Deselect results', 'pages.rules.deselectSearchResults': 'Deselect',
'pages.rules.trigger': 'Triggered', 'pages.rules.trigger': 'Triggered',
'pages.rules.triggeredCount': 'Times', 'pages.rules.triggeredCount': 'Times',
'pages.rules.disable': 'Disable', 'pages.rules.disable': 'Disable',

27
src/pages/rules/components/GroupSelect.tsx
View File

@@ -158,23 +158,18 @@ const GroupSelect: React.FC<GroupSelectProps> = ({
padding: '8px 12px', padding: '8px 12px',
}} }}
onMouseDown={(event) => event.preventDefault()} onMouseDown={(event) => event.preventDefault()}
className="flex justify-between"
> >
<Space wrap size={8} className="justify-between w-100"> <Typography.Text type="secondary">
<Typography.Text type="secondary"> {$t('pages.rules.searchResults')}: {searchResultKeys.length}
{$t('pages.rules.searchResults')}:{' '} </Typography.Text>
{searchResultKeys.length} <Space wrap size={8}>
</Typography.Text> <Button size="small" onClick={handleSelectSearchResults}>
<div> {$t('pages.rules.selectSearchResults')}
<Button size="small" onClick={handleSelectSearchResults}> </Button>
{$t('pages.rules.selectSearchResults')} <Button size="small" onClick={handleDeselectSearchResults}>
</Button> {$t('pages.rules.deselectSearchResults')}
<Button </Button>
size="small"
onClick={handleDeselectSearchResults}
>
{$t('pages.rules.deselectSearchResults')}
</Button>
</div>
</Space> </Space>
</div> </div>
{originNode} {originNode}

27
src/pages/rules/components/SymbolSelect.tsx
View File

@@ -157,23 +157,18 @@ const SymbolSelect: React.FC<SymbolSelectProps> = ({
padding: '8px 12px', padding: '8px 12px',
}} }}
onMouseDown={(event) => event.preventDefault()} onMouseDown={(event) => event.preventDefault()}
className="flex justify-between"
> >
<Space wrap size={8} className="justify-between w-100"> <Typography.Text type="secondary">
<Typography.Text type="secondary" style={{ fontSize: 12 }}> {$t('pages.rules.searchResults')}: {searchResultKeys.length}
{$t('pages.rules.searchResults')}:{' '} </Typography.Text>
{searchResultKeys.length} <Space wrap size={8}>
</Typography.Text> <Button size="small" onClick={handleSelectSearchResults}>
<div> {$t('pages.rules.selectSearchResults')}
<Button size="small" onClick={handleSelectSearchResults}> </Button>
{$t('pages.rules.selectSearchResults')} <Button size="small" onClick={handleDeselectSearchResults}>
</Button> {$t('pages.rules.deselectSearchResults')}
<Button </Button>
size="small"
onClick={handleDeselectSearchResults}
>
{$t('pages.rules.deselectSearchResults')}
</Button>
</div>
</Space> </Space>
</div> </div>
{originNode} {originNode}