From b2602a0acf51323db256cf82945a936bbb3497c7 Mon Sep 17 00:00:00 2001
From: mkljczk <git@mkljczk.pl>
Date: Thu, 13 Mar 2025 19:28:20 +0100
Subject: [PATCH] pl-fe: fix default value for reposts/replies setting

Signed-off-by: mkljczk <git@mkljczk.pl>
---
 packages/pl-fe/src/features/preferences/index.tsx         | 4 ++--
 .../src/features/settings/components/setting-toggle.tsx   | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/features/preferences/index.tsx b/packages/pl-fe/src/features/preferences/index.tsx
index 1288c72d1..b1df4b40a 100644
--- a/packages/pl-fe/src/features/preferences/index.tsx
+++ b/packages/pl-fe/src/features/preferences/index.tsx
@@ -168,11 +168,11 @@ const Preferences = () => {
     <Form>
       <List>
         <ListItem label={<FormattedMessage id='home.column_settings.show_reblogs' defaultMessage='Show reposts in home timeline' />}>
-          <SettingToggle settings={settings} settingPath={['timelines', 'home', 'shows', 'reblog']} onChange={onToggleChange} />
+          <SettingToggle settings={settings} settingPath={['timelines', 'home', 'shows', 'reblog']} defaultValue onChange={onToggleChange} />
         </ListItem>
 
         <ListItem label={<FormattedMessage id='home.column_settings.show_replies' defaultMessage='Show replies in home timeline' />}>
-          <SettingToggle settings={settings} settingPath={['timelines', 'home', 'shows', 'reply']} onChange={onToggleChange} />
+          <SettingToggle settings={settings} settingPath={['timelines', 'home', 'shows', 'reply']} defaultValue onChange={onToggleChange} />
         </ListItem>
       </List>
 
diff --git a/packages/pl-fe/src/features/settings/components/setting-toggle.tsx b/packages/pl-fe/src/features/settings/components/setting-toggle.tsx
index 060cf6360..3c0183071 100644
--- a/packages/pl-fe/src/features/settings/components/setting-toggle.tsx
+++ b/packages/pl-fe/src/features/settings/components/setting-toggle.tsx
@@ -11,6 +11,8 @@ interface ISettingToggle {
   settings: Settings;
   /** Array of key names leading into the setting map. */
   settingPath: string[];
+  /** Value set if the setting is undefined. */
+  defaultValue?: boolean;
   /** Callback when the setting is toggled. */
   onChange: (settingPath: string[], checked: boolean) => void;
   /** Whether the toggle is disabled. */
@@ -18,16 +20,18 @@ interface ISettingToggle {
 }
 
 /** Stateful toggle to change user settings. */
-const SettingToggle: React.FC<ISettingToggle> = ({ id, settings, settingPath, onChange, disabled }) => {
+const SettingToggle: React.FC<ISettingToggle> = ({ id, settings, settingPath, defaultValue, onChange, disabled }) => {
 
   const handleChange: React.ChangeEventHandler<HTMLInputElement> = ({ target }) => {
     onChange(settingPath, target.checked);
   };
 
+  const checked = !!get(settings, settingPath, defaultValue);
+
   return (
     <Toggle
       id={id}
-      checked={!!get(settings, settingPath)}
+      checked={checked}
       onChange={handleChange}
       disabled={disabled}
     />