src/features/settings/Settings.tsx

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

src/features/settings/panels/PanelQMCv2Key.tsx

@@ -45,25 +45,22 @@ export function PanelQMCv2Key() {
         QMCv2 密钥
       </Heading>
 
-      <Text>
+      <Text>QQ 音乐目前采用的加密方案（QMCv2），安卓端与 Mac 端均下加密内容与密钥隔离储存。</Text>
-        QQ 音乐目前采用的加密方案（QMCv2）。在使用「QQ 音乐」安卓、Mac 或 iOS
-        客户端的情况下，其「离线加密文件」对应的「密钥」储存在独立的数据库文件内。
-      </Text>
 
       <Box pb={2} pt={2}>
-        <ButtonGroup isAttached colorScheme="purple" variant="outline">
+        <ButtonGroup isAttached variant="outline">
           <Button onClick={addKey} leftIcon={<Icon as={MdAdd} />}>
-            添加一条密钥
+            添加
           </Button>
           <Menu>
             <MenuButton as={IconButton} icon={<MdExpandMore />}></MenuButton>
             <MenuList>
               <MenuItem onClick={() => setShowImportModal(true)} icon={<Icon as={MdFileUpload} boxSize={5} />}>
-                从文件导入密钥
+                从文件导入
               </MenuItem>
               <MenuDivider />
               <MenuItem color="red" onClick={clearAll} icon={<Icon as={MdDeleteForever} boxSize={5} />}>
-                清空密钥
+                清空
               </MenuItem>
             </MenuList>
           </Menu>