From 781df3ab06faf3a19439ac0ffaefd0aee6f20196 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 26 Dec 2025 15:16:51 -0800
Subject: [PATCH] remove accordion from table/grid config

---
 .../shared/components/grid-config.tsx         | 21 +------------
 .../shared/components/table-config.tsx        | 31 ++++---------------
 2 files changed, 7 insertions(+), 45 deletions(-)

diff --git a/src/renderer/features/shared/components/grid-config.tsx b/src/renderer/features/shared/components/grid-config.tsx
index 8288aa537..d1f002c85 100644
--- a/src/renderer/features/shared/components/grid-config.tsx
+++ b/src/renderer/features/shared/components/grid-config.tsx
@@ -24,7 +24,6 @@ import {
     useSettingsStore,
     useSettingsStoreActions,
 } from '/@/renderer/store';
-import { Accordion } from '/@/shared/components/accordion/accordion';
 import { ActionIcon, ActionIconGroup } from '/@/shared/components/action-icon/action-icon';
 import { Badge } from '/@/shared/components/badge/badge';
 import { Checkbox } from '/@/shared/components/checkbox/checkbox';
@@ -284,25 +283,7 @@ export const GridConfig = ({
 
     return (
         <>
-            <Accordion
-                styles={{
-                    control: { padding: '0' },
-                    item: { border: 'none' },
-                }}
-            >
-                <Accordion.Item value="grid">
-                    <Accordion.Control>
-                        <Text size="sm">
-                            {t('table.config.general.advancedSettings', {
-                                postProcess: 'sentenceCase',
-                            })}
-                        </Text>
-                    </Accordion.Control>
-                    <Accordion.Panel>
-                        <ListConfigTable options={options} />
-                    </Accordion.Panel>
-                </Accordion.Item>
-            </Accordion>
+            <ListConfigTable options={options} />
             <Divider />
             <GridRowConfig
                 data={gridRowsData}
diff --git a/src/renderer/features/shared/components/table-config.tsx b/src/renderer/features/shared/components/table-config.tsx
index aab7f0ccb..02e122fdf 100644
--- a/src/renderer/features/shared/components/table-config.tsx
+++ b/src/renderer/features/shared/components/table-config.tsx
@@ -22,7 +22,6 @@ import {
     ListConfigTable,
 } from '/@/renderer/features/shared/components/list-config-menu';
 import { ItemListSettings, useSettingsStore, useSettingsStoreActions } from '/@/renderer/store';
-import { Accordion } from '/@/shared/components/accordion/accordion';
 import { ActionIcon, ActionIconGroup } from '/@/shared/components/action-icon/action-icon';
 import { Badge } from '/@/shared/components/badge/badge';
 import { Checkbox } from '/@/shared/components/checkbox/checkbox';
@@ -249,25 +248,7 @@ export const TableConfig = ({
 
     return (
         <>
-            <Accordion
-                styles={{
-                    control: { padding: '0' },
-                    item: { border: 'none' },
-                }}
-            >
-                <Accordion.Item value="table">
-                    <Accordion.Control>
-                        <Text size="sm">
-                            {t('table.config.general.advancedSettings', {
-                                postProcess: 'sentenceCase',
-                            })}
-                        </Text>
-                    </Accordion.Control>
-                    <Accordion.Panel>
-                        <ListConfigTable options={advancedSettings} />
-                    </Accordion.Panel>
-                </Accordion.Item>
-            </Accordion>
+            <ListConfigTable options={advancedSettings} />
             <Divider />
             <TableColumnConfig
                 data={tableColumnsData}
@@ -724,7 +705,7 @@ const TableColumnItem = memo(
                                     postProcess: 'sentenceCase',
                                 }),
                             }}
-                            variant={item.pinned === 'left' ? 'outline' : 'subtle'}
+                            variant={item.pinned === 'left' ? 'filled' : 'subtle'}
                         />
                         <ActionIcon
                             icon="arrowRightToLine"
@@ -736,7 +717,7 @@ const TableColumnItem = memo(
                                     postProcess: 'sentenceCase',
                                 }),
                             }}
-                            variant={item.pinned === 'right' ? 'outline' : 'subtle'}
+                            variant={item.pinned === 'right' ? 'filled' : 'subtle'}
                         />
                     </ActionIconGroup>
                     <ActionIconGroup className={styles.group}>
@@ -750,7 +731,7 @@ const TableColumnItem = memo(
                                     postProcess: 'sentenceCase',
                                 }),
                             }}
-                            variant={item.align === 'start' ? 'outline' : 'subtle'}
+                            variant={item.align === 'start' ? 'filled' : 'subtle'}
                         />
                         <ActionIcon
                             icon="alignCenter"
@@ -762,7 +743,7 @@ const TableColumnItem = memo(
                                     postProcess: 'sentenceCase',
                                 }),
                             }}
-                            variant={item.align === 'center' ? 'outline' : 'subtle'}
+                            variant={item.align === 'center' ? 'filled' : 'subtle'}
                         />
                         <ActionIcon
                             icon="alignRight"
@@ -774,7 +755,7 @@ const TableColumnItem = memo(
                                     postProcess: 'sentenceCase',
                                 }),
                             }}
-                            variant={item.align === 'end' ? 'outline' : 'subtle'}
+                            variant={item.align === 'end' ? 'filled' : 'subtle'}
                         />
                     </ActionIconGroup>
                     <NumberInput