diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 10ef8ae63..328e97c48 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -909,6 +909,7 @@
},
"config": {
"general": {
+ "advancedSettings": "advanced settings",
"autoFitColumns": "auto fit columns",
"autosize": "autosize",
"moveUp": "move up",
@@ -934,9 +935,9 @@
"pagination_infinite": "infinite",
"pagination_paginate": "paginated",
"alternateRowColors": "alternate row colors",
- "horizontalBorders": "horizontal borders",
+ "horizontalBorders": "row borders",
"rowHoverHighlight": "row hover highlight",
- "verticalBorders": "vertical borders"
+ "verticalBorders": "column borders"
},
"label": {
"actions": "$t(common.action_other)",
diff --git a/src/renderer/features/shared/components/grid-config.tsx b/src/renderer/features/shared/components/grid-config.tsx
index 09829679f..4980d4bb5 100644
--- a/src/renderer/features/shared/components/grid-config.tsx
+++ b/src/renderer/features/shared/components/grid-config.tsx
@@ -24,6 +24,7 @@ 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';
@@ -246,7 +247,25 @@ export const GridConfig = ({
return (
<>
-
+
+
+
+
+ {t('table.config.general.advancedSettings', {
+ postProcess: 'sentenceCase',
+ })}
+
+
+
+
+
+
+
{
return (
- onChange(value === 'true' ? true : false)}
- size="sm"
- value={value ? 'true' : 'false'}
- w="100%"
- />
+
+ onChange(e.currentTarget.checked)} />
+
);
};
@@ -147,17 +131,30 @@ export const ListConfigMenu = (props: ListConfigMenuProps) => {
size="lg"
title={t('common.configure', { postProcess: 'sentenceCase' })}
>
-
- {
- setList(props.listKey, {
- display: value as ListDisplayType,
- });
- }}
- value={displayType}
- withItemsBorders={false}
+
+ {
+ setList(props.listKey, {
+ display: value as ListDisplayType,
+ });
+ }}
+ size="sm"
+ value={displayType}
+ withItemsBorders={false}
+ />
+ ),
+ id: 'displayType',
+ label: t('table.config.general.displayType', {
+ postProcess: 'sentenceCase',
+ }),
+ },
+ ]}
/>
diff --git a/src/renderer/features/shared/components/table-config.tsx b/src/renderer/features/shared/components/table-config.tsx
index 71de783ee..bd9b24182 100644
--- a/src/renderer/features/shared/components/table-config.tsx
+++ b/src/renderer/features/shared/components/table-config.tsx
@@ -22,6 +22,7 @@ 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';
@@ -65,7 +66,7 @@ export const TableConfig = ({
const list = useSettingsStore((state) => state.lists[listKey]) as ItemListSettings;
const { setList } = useSettingsStoreActions();
- const options = useMemo(() => {
+ const advancedSettings = useMemo(() => {
const allOptions = [
{
component: (
@@ -248,7 +249,25 @@ export const TableConfig = ({
return (
<>
-
+
+
+
+
+ {t('table.config.general.advancedSettings', {
+ postProcess: 'sentenceCase',
+ })}
+
+
+
+
+
+
+