refactor: hide Open At Login in Settings on Linux machines

since Electron doesn't support open at login on Linux machines
zidoro · Jul 3, 2023 · 74f2f09 · 74f2f09
1 parent 5d754cc
commit 74f2f09
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/app/renderer/src/components/Toggler.tsx b/app/renderer/src/components/Toggler.tsx
@@ -12,16 +12,18 @@ export type TogglerProps = {
   onChange?:
     | ((event: React.ChangeEvent<HTMLInputElement>) => void)
     | undefined;
+  style?: React.CSSProperties;
 };
 
 const Toggler: React.FC<TogglerProps> = ({
   id,
   label,
   checked,
   onChange,
+  style,
 }) => {
   return (
-    <StyledTogglerWrapper>
+    <StyledTogglerWrapper style={style}>
       <StyledTogglerLabel htmlFor={id}>{label}</StyledTogglerLabel>
       <StyledTogglerSwitch
         type="checkbox"

diff --git a/app/renderer/src/routes/Settings/FeatureSection.tsx b/app/renderer/src/routes/Settings/FeatureSection.tsx
@@ -20,6 +20,7 @@ import { Toggler, TogglerProps, Collapse, Radio } from "components";
 import { ThemeContext } from "contexts";
 
 import SettingSection from "./SettingSection";
+import { detectOS } from "utils";
 
 const FeatureSection: React.FC = () => {
   const settings: SettingTypes = useSelector(
@@ -134,6 +135,11 @@ const FeatureSection: React.FC = () => {
       onChange: useCallback(() => {
         dispatch(setOpenAtLogin(!settings.openAtLogin));
       }, [dispatch, settings.openAtLogin]),
+      style: {
+        ...(detectOS() === "Linux" && {
+          display: "none",
+        }),
+      },
     },
   ];
 
@@ -146,15 +152,18 @@ const FeatureSection: React.FC = () => {
 
   return (
     <SettingSection heading="App Features">
-      {featureList.map(({ id, label, checked, onChange }, index) => (
-        <Toggler
-          id={id}
-          label={label}
-          checked={checked}
-          onChange={onChange}
-          key={index}
-        />
-      ))}
+      {featureList.map(
+        ({ id, label, checked, onChange, ...rest }, index) => (
+          <Toggler
+            id={id}
+            key={index}
+            label={label}
+            checked={checked}
+            onChange={onChange}
+            {...rest}
+          />
+        )
+      )}
       <Collapse>
         <Radio
           id="none"