Compare commits

..

2 Commits

Author SHA1 Message Date
244a1b002d chore: update wording for qmcv2 description & qmcv2 key import button text
Some checks failed
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is failing
2023-06-15 20:52:59 +01:00
320c80d8cd chore: update wording for discard settings 2023-06-15 20:52:41 +01:00
2 changed files with 19 additions and 9 deletions

View File

@ -4,6 +4,8 @@ import {
Center, Center,
Flex, Flex,
HStack, HStack,
Icon,
IconButton,
Menu, Menu,
MenuButton, MenuButton,
MenuItem, MenuItem,
@ -21,7 +23,7 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { PanelQMCv2Key } from './panels/PanelQMCv2Key'; import { PanelQMCv2Key } from './panels/PanelQMCv2Key';
import { useState } from 'react'; import { useState } from 'react';
import { MdExpandMore, MdMenu } from 'react-icons/md'; import { MdExpandMore, MdMenu, MdOutlineSettingsBackupRestore } from 'react-icons/md';
import { useAppDispatch } from '~/hooks'; import { useAppDispatch } from '~/hooks';
import { commitStagingChange, discardStagingChanges } from './settingsSlice'; import { commitStagingChange, discardStagingChanges } from './settingsSlice';
@ -104,9 +106,14 @@ export function Settings() {
</Center> </Center>
<Spacer /> <Spacer />
<HStack gap="2" justifyContent="flex-end"> <HStack gap="2" justifyContent="flex-end">
<Button onClick={handleResetSettings} colorScheme="red" variant="ghost" title="还原为更改前的状态"> <IconButton
icon={<Icon as={MdOutlineSettingsBackupRestore} />}
</Button> onClick={handleResetSettings}
colorScheme="red"
variant="ghost"
title="放弃未储存的更改,将设定还原为储存前的状态。"
aria-label="放弃未储存的更改"
/>
<Button onClick={handleApplySettings}></Button> <Button onClick={handleApplySettings}></Button>
</HStack> </HStack>
</Flex> </Flex>

View File

@ -45,22 +45,25 @@ export function PanelQMCv2Key() {
QMCv2 QMCv2
</Heading> </Heading>
<Text>QQ QMCv2 Mac </Text> <Text>
QQ QMCv2使QQ Mac iOS
线
</Text>
<Box pb={2} pt={2}> <Box pb={2} pt={2}>
<ButtonGroup isAttached variant="outline"> <ButtonGroup isAttached colorScheme="purple" variant="outline">
<Button onClick={addKey} leftIcon={<Icon as={MdAdd} />}> <Button onClick={addKey} leftIcon={<Icon as={MdAdd} />}>
</Button> </Button>
<Menu> <Menu>
<MenuButton as={IconButton} icon={<MdExpandMore />}></MenuButton> <MenuButton as={IconButton} icon={<MdExpandMore />}></MenuButton>
<MenuList> <MenuList>
<MenuItem onClick={() => setShowImportModal(true)} icon={<Icon as={MdFileUpload} boxSize={5} />}> <MenuItem onClick={() => setShowImportModal(true)} icon={<Icon as={MdFileUpload} boxSize={5} />}>
</MenuItem> </MenuItem>
<MenuDivider /> <MenuDivider />
<MenuItem color="red" onClick={clearAll} icon={<Icon as={MdDeleteForever} boxSize={5} />}> <MenuItem color="red" onClick={clearAll} icon={<Icon as={MdDeleteForever} boxSize={5} />}>
</MenuItem> </MenuItem>
</MenuList> </MenuList>
</Menu> </Menu>