diff --git a/src/pages/settings/SettingsGroup.tsx b/src/pages/settings/SettingsGroup.tsx
new file mode 100644
index 0000000..b6945c4
--- /dev/null
+++ b/src/pages/settings/SettingsGroup.tsx
@@ -0,0 +1,66 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import React from "react";
+import { Menu } from "antd";
+
+import { useTFns } from "@utils/i18n";
+
+import { SettingName } from "@utils/settings";
+import { SettingBoolean } from "./SettingBoolean";
+import { SettingInteger } from "./SettingInteger";
+
+export interface SettingDesc<T> {
+  component: React.ComponentType<{
+    setting: SettingName<T>;
+    title?: string;
+    titleKey?: string;
+    description?: string;
+    descriptionKey?: string;
+  }>;
+
+  setting: SettingName<T>;
+}
+
+interface Props {
+  subKey: string;
+  icon?: React.ReactNode;
+
+  settings: SettingDesc<any>[];
+}
+
+export const booleanSetting = (setting: SettingName<boolean>): SettingDesc<boolean> =>
+  ({ component: SettingBoolean, setting });
+export const integerSetting = (setting: SettingName<number>): SettingDesc<number> =>
+  ({ component: SettingInteger, setting });
+
+export function SettingsGroup({
+  subKey,
+  icon,
+
+  settings,
+
+  ...props
+}: Props): JSX.Element {
+  const { tStr, tKey, i18n } = useTFns("settings.");
+
+  return <Menu.SubMenu
+    key={"sub-" + subKey}
+    icon={icon}
+    title={tStr("subMenu" + subKey)}
+    {...props}
+  >
+    {/* Render each setting */}
+    {settings.map(s => (
+      <Menu.Item key={`${subKey}/${s.setting}`}>
+        {React.createElement(s.component, {
+          setting: s.setting,
+          titleKey: tKey(s.setting),
+          descriptionKey: i18n.exists(tKey(s.setting + "Description"))
+            ? tKey(s.setting + "Description")
+            : undefined
+        })}
+      </Menu.Item>
+    ))}
+  </Menu.SubMenu>;
+}
diff --git a/src/pages/settings/SettingsPage.tsx b/src/pages/settings/SettingsPage.tsx
index 660dd71..e8229dd 100644
--- a/src/pages/settings/SettingsPage.tsx
+++ b/src/pages/settings/SettingsPage.tsx
@@ -9,8 +9,8 @@
 import { Link } from "react-router-dom";
 
 import { PageLayout, PageLayoutProps } from "@layout/PageLayout";
+import { SettingsGroup, booleanSetting, integerSetting } from "./SettingsGroup";
 import { SettingBoolean } from "./SettingBoolean";
-import { SettingInteger } from "./SettingInteger";
 import { getLanguageItems } from "./translations/LanguageItem";
 
 import "./SettingsPage.less";
@@ -41,87 +41,33 @@
       </Menu.SubMenu>
 
       {/* Auto-refresh settings */}
-      <Menu.SubMenu key="sub-autoRefresh" icon={<ReloadOutlined />} title={t("settings.subMenuAutoRefresh")}>
-        {/* Auto-refresh tables */}
-        <Menu.Item key="autoRefresh/autoRefreshTables">
-          <SettingBoolean
-            setting="autoRefreshTables"
-            titleKey="settings.autoRefreshTables"
-            descriptionKey="settings.autoRefreshTablesDescription"
-          />
-        </Menu.Item>
-
-        {/* Auto-refresh address page */}
-        <Menu.Item key="autoRefresh/autoRefreshAddressPage">
-          <SettingBoolean setting="autoRefreshAddressPage" titleKey="settings.autoRefreshAddressPage"/>
-        </Menu.Item>
-
-        {/* Auto-refresh name page */}
-        <Menu.Item key="autoRefresh/autoRefreshNamePage">
-          <SettingBoolean setting="autoRefreshNamePage" titleKey="settings.autoRefreshNamePage"/>
-        </Menu.Item>
-      </Menu.SubMenu>
+      <SettingsGroup
+        subKey="AutoRefresh"
+        icon={<ReloadOutlined />}
+        settings={[
+          booleanSetting("autoRefreshTables"),
+          booleanSetting("autoRefreshAddressPage"),
+          booleanSetting("autoRefreshNamePage")
+        ]}
+      />
 
       {/* Advanced settings */}
-      <Menu.SubMenu key="sub-advanced" icon={<SettingOutlined />} title={t("settings.subMenuAdvanced")}>
-        {/* Always include mined transactions */}
-        <Menu.Item key="advanced/alwaysIncludeMined">
-          <SettingBoolean setting="alwaysIncludeMined" titleKey="settings.alwaysIncludeMined" />
-        </Menu.Item>
-
-        {/* Copy name suffixes */}
-        <Menu.Item key="advanced/copyNameSuffixes">
-          <SettingBoolean setting="copyNameSuffixes" titleKey="settings.copyNameSuffixes" />
-        </Menu.Item>
-
-        {/* Address copy buttons */}
-        <Menu.Item key="advanced/addressCopyButtons">
-          <SettingBoolean setting="addressCopyButtons" titleKey="settings.addressCopyButtons" />
-        </Menu.Item>
-
-        {/* Name copy buttons */}
-        <Menu.Item key="advanced/nameCopyButtons">
-          <SettingBoolean setting="nameCopyButtons" titleKey="settings.nameCopyButtons" />
-        </Menu.Item>
-
-        {/* Block hash copy buttons */}
-        <Menu.Item key="advanced/blockHashCopyButtons">
-          <SettingBoolean setting="blockHashCopyButtons" titleKey="settings.blockHashCopyButtons" />
-        </Menu.Item>
-
-        {/* Show relative dates */}
-        <Menu.Item key="advanced/showRelativeDates">
-          <SettingBoolean
-            setting="showRelativeDates"
-            titleKey="settings.showRelativeDates"
-            descriptionKey="settings.showRelativeDatesDescription"
-          />
-        </Menu.Item>
-
-        {/* Show native dates */}
-        <Menu.Item key="advanced/showNativeDates">
-          <SettingBoolean
-            setting="showNativeDates"
-            titleKey="settings.showNativeDates"
-            descriptionKey="settings.showNativeDatesDescription"
-          />
-        </Menu.Item>
-
-        {/* Default to 'Raw' on transaction page */}
-        <Menu.Item key="advanced/transactionDefaultRaw">
-          <SettingBoolean setting="transactionDefaultRaw" titleKey="settings.transactionDefaultRaw" />
-        </Menu.Item>
-
-        {/* Default page size for table listings */}
-        <Menu.Item key="advanced/defaultPageSize">
-          <SettingInteger setting="defaultPageSize" titleKey="settings.defaultPageSize" />
-        </Menu.Item>
-
-        {/* Enable table navigation hotkeys (left and right arrows) */}
-        <Menu.Item key="advanced/tableHotkeys">
-          <SettingBoolean setting="tableHotkeys" titleKey="settings.tableHotkeys" />
-        </Menu.Item>
-      </Menu.SubMenu>
+      <SettingsGroup
+        subKey="Advanced"
+        icon={<SettingOutlined />}
+        settings={[
+          booleanSetting("alwaysIncludeMined"),
+          booleanSetting("copyNameSuffixes"),
+          booleanSetting("addressCopyButtons"),
+          booleanSetting("nameCopyButtons"),
+          booleanSetting("blockHashCopyButtons"),
+          booleanSetting("showRelativeDates"),
+          booleanSetting("showNativeDates"),
+          booleanSetting("transactionDefaultRaw"),
+          integerSetting("defaultPageSize"),
+          booleanSetting("tableHotkeys"),
+        ]}
+      />
 
       {/* Debug settings */}
       <Menu.SubMenu key="sub-debug" icon={<BugOutlined />} title={t("settings.subMenuDebug")}>
diff --git a/src/utils/i18n/fns.ts b/src/utils/i18n/fns.ts
index 2236e60..edfaf3f 100644
--- a/src/utils/i18n/fns.ts
+++ b/src/utils/i18n/fns.ts
@@ -1,6 +1,7 @@
 // Copyright (c) 2020-2021 Drew Lemmy
 // This file is part of KristWeb 2 under GPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import { i18n } from "i18next";
 import { useTranslation, TFunction } from "react-i18next";
 import { TranslatedError } from "./errors";
 
@@ -12,13 +13,14 @@
   tKey: TKeyFn;
   tStr: TStrFn;
   tErr: TErrFn;
+  i18n: i18n;
 }
 export function useTranslationFns(prefix?: string): TFns {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const tKey = (key: string) => prefix + key;
   const tStr = (key: string) => t(tKey(key));
   const tErr = (key: string) => new TranslatedError(tKey(key));
 
-  return { t, tKey, tStr, tErr };
+  return { t, tKey, tStr, tErr, i18n };
 }
 export const useTFns = useTranslationFns;