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.allAssets': 'All Assets',
'pages.rules.searchResults': 'Search results',
'pages.rules.selectSearchResults': 'Select results',
'pages.rules.deselectSearchResults': 'Deselect results',
'pages.rules.selectSearchResults': 'Select',
'pages.rules.deselectSearchResults': 'Deselect',
'pages.rules.trigger': 'Triggered',
'pages.rules.triggeredCount': 'Times',
'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',
}}
onMouseDown={(event) => event.preventDefault()}
className="flex justify-between"
>
<Space wrap size={8} className="justify-between w-100">
<Typography.Text type="secondary">
{$t('pages.rules.searchResults')}:{' '}
{searchResultKeys.length}
</Typography.Text>
<div>
<Button size="small" onClick={handleSelectSearchResults}>
{$t('pages.rules.selectSearchResults')}
</Button>
<Button
size="small"
onClick={handleDeselectSearchResults}
>
{$t('pages.rules.deselectSearchResults')}
</Button>
</div>
<Typography.Text type="secondary">
{$t('pages.rules.searchResults')}: {searchResultKeys.length}
</Typography.Text>
<Space wrap size={8}>
<Button size="small" onClick={handleSelectSearchResults}>
{$t('pages.rules.selectSearchResults')}
</Button>
<Button size="small" onClick={handleDeselectSearchResults}>
{$t('pages.rules.deselectSearchResults')}
</Button>
</Space>
</div>
{originNode}

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

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