feat: Added checkbox in settings for the new setting (RocketChat#2532)

src/ui/components/SettingsView/GeneralTab.tsx

@@ -2,6 +2,7 @@ import { Box, FieldGroup } from '@rocket.chat/fuselage';
 import type { FC } from 'react';
 import React from 'react';
 
+import { AlwaysStartAtHomePage } from './features/AlwaysStartAtHomePage';
 import { ClearPermittedScreenCaptureServers } from './features/ClearPermittedScreenCaptureServers';
 import { FlashFrame } from './features/FlashFrame';
 import { HardwareAcceleration } from './features/HardwareAcceleration';
@@ -16,6 +17,7 @@ import { TrayIcon } from './features/TrayIcon';
 export const GeneralTab: FC = () => (
   <Box is='form' margin={24} maxWidth={960} flexGrow={1} flexShrink={1}>
     <FieldGroup>
+      <AlwaysStartAtHomePage />
       <ReportErrors />
       <FlashFrame />
       <HardwareAcceleration />

src/ui/components/SettingsView/features/AlwaysStartAtHomePage.tsx

@@ -0,0 +1,52 @@
+import {
+  Field,
+  FieldHint,
+  FieldLabel,
+  FieldRow,
+  ToggleSwitch,
+} from '@rocket.chat/fuselage';
+import type { ChangeEvent, FC } from 'react';
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useDispatch, useSelector } from 'react-redux';
+import type { Dispatch } from 'redux';
+
+import type { RootAction } from '../../../../store/actions';
+import type { RootState } from '../../../../store/rootReducer';
+import { SETTINGS_SET_DO_ALWAYS_START_AT_HOME_PAGE_CHANGED } from '../../../actions';
+
+type Props = {
+  className?: string;
+};
+
+export const AlwaysStartAtHomePage: FC<Props> = (props) => {
+  const isEnabled = useSelector(
+    ({ doAlwaysStartAtHomePage }: RootState) => doAlwaysStartAtHomePage
+  );
+  const dispatch = useDispatch<Dispatch<RootAction>>();
+  const { t } = useTranslation();
+  const handleChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      const isChecked = event.currentTarget.checked;
+      dispatch({
+        type: SETTINGS_SET_DO_ALWAYS_START_AT_HOME_PAGE_CHANGED,
+        payload: isChecked,
+      });
+    },
+    [dispatch]
+  );
+
+  return (
+    <Field className={props.className}>
+      <FieldRow>
+        <ToggleSwitch onChange={handleChange} checked={isEnabled} />
+        <FieldLabel htmlFor='toggle-switch'>
+          {t('settings.options.startPage.title')}
+        </FieldLabel>
+      </FieldRow>
+      <FieldRow>
+        <FieldHint>{t('settings.options.startPage.description')}</FieldHint>
+      </FieldRow>
+    </Field>
+  );
+};