From 42d09a0dd076979aa03ee73d0d26a89f8a3eb13e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B8=83=E4=B8=81=E7=8B=97=7E?= <pompurin404@mihomo.party>
Date: Sat, 7 Sep 2024 10:16:59 +0800
Subject: [PATCH] collapse some settings

---
 .../src/components/base/base-setting-card.tsx         | 11 +++++++++--
 .../src/components/settings/shortcut-config.tsx       |  2 +-
 src/renderer/src/components/settings/sider-config.tsx |  2 +-
 .../src/components/settings/webdav-config.tsx         |  2 +-
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/components/base/base-setting-card.tsx b/src/renderer/src/components/base/base-setting-card.tsx
index d558561..a05b524 100644
--- a/src/renderer/src/components/base/base-setting-card.tsx
+++ b/src/renderer/src/components/base/base-setting-card.tsx
@@ -1,15 +1,22 @@
 import React from 'react'
-import { Card, CardBody } from '@nextui-org/react'
+import { Accordion, AccordionItem, Card, CardBody } from '@nextui-org/react'
 
 interface Props {
+  title?: string
   children?: React.ReactNode
 }
 
 const SettingCard: React.FC<Props> = (props) => {
-  return (
+  return !props.title ? (
     <Card className="m-2">
       <CardBody>{props.children}</CardBody>
     </Card>
+  ) : (
+    <Accordion isCompact className="my-2" variant="splitted">
+      <AccordionItem hideIndicator keepContentMounted title={props.title}>
+        {props.children}
+      </AccordionItem>
+    </Accordion>
   )
 }
 
diff --git a/src/renderer/src/components/settings/shortcut-config.tsx b/src/renderer/src/components/settings/shortcut-config.tsx
index 9533096..edbc72a 100644
--- a/src/renderer/src/components/settings/shortcut-config.tsx
+++ b/src/renderer/src/components/settings/shortcut-config.tsx
@@ -52,7 +52,7 @@ const ShortcutConfig: React.FC = () => {
   } = appConfig || {}
 
   return (
-    <SettingCard>
+    <SettingCard title="快捷键设置">
       <SettingItem title="打开/关闭窗口" divider>
         <div className="flex justify-end w-[60%]">
           <ShortcutInput
diff --git a/src/renderer/src/components/settings/sider-config.tsx b/src/renderer/src/components/settings/sider-config.tsx
index c5336fb..af3610a 100644
--- a/src/renderer/src/components/settings/sider-config.tsx
+++ b/src/renderer/src/components/settings/sider-config.tsx
@@ -53,7 +53,7 @@ const SiderConfig: React.FC = () => {
   }
 
   return (
-    <SettingCard>
+    <SettingCard title="侧边栏设置">
       {Object.keys(cardStatus).map((key, index, array) => {
         return (
           <SettingItem title={titleMap[key]} key={key} divider={index !== array.length - 1}>
diff --git a/src/renderer/src/components/settings/webdav-config.tsx b/src/renderer/src/components/settings/webdav-config.tsx
index 73874d2..b872c39 100644
--- a/src/renderer/src/components/settings/webdav-config.tsx
+++ b/src/renderer/src/components/settings/webdav-config.tsx
@@ -48,7 +48,7 @@ const WebdavConfig: React.FC = () => {
       {restoreOpen && (
         <WebdavRestoreModal filenames={filenames} onClose={() => setRestoreOpen(false)} />
       )}
-      <SettingCard>
+      <SettingCard title="WebDav 备份">
         <SettingItem title="WebDav 地址" divider>
           <Input
             size="sm"