feat(settings): disable show accounts option if multiple accounts aut…

…henticated

Signed-off-by: Adam Setch <adam.setch@outlook.com>

src/components/settings/AppearanceSettings.test.tsx

@@ -1,7 +1,11 @@
 import { act, fireEvent, render, screen } from '@testing-library/react';
 import { webFrame } from 'electron';
 import { MemoryRouter } from 'react-router-dom';
-import { mockAuth, mockSettings } from '../../__mocks__/state-mocks';
+import {
+  mockAuth,
+  mockGitHubAppAccount,
+  mockSettings,
+} from '../../__mocks__/state-mocks';
 import { AppContext } from '../../context/App';
 import { AppearanceSettings } from './AppearanceSettings';
 
@@ -200,7 +204,9 @@ describe('routes/components/settings/AppearanceSettings.tsx', () => {
       render(
         <AppContext.Provider
           value={{
-            auth: mockAuth,
+            auth: {
+              accounts: [mockGitHubAppAccount],
+            },
             settings: mockSettings,
             updateSetting,
           }}

src/components/settings/AppearanceSettings.tsx

@@ -22,7 +22,7 @@ let timeout: NodeJS.Timeout;
 const DELAY = 200;
 
 export const AppearanceSettings: FC = () => {
-  const { settings, updateSetting } = useContext(AppContext);
+  const { auth, settings, updateSetting } = useContext(AppContext);
   const [zoomPercentage, setZoomPercentage] = useState(
     zoomLevelToPercentage(webFrame.getZoomLevel()),
   );
@@ -198,7 +198,8 @@ export const AppearanceSettings: FC = () => {
       <Checkbox
         name="showAccountHostname"
         label="Show account hostname"
-        checked={settings.showAccountHostname}
+        checked={settings.showAccountHostname || auth.accounts.length > 1}
+        disabled={auth.accounts.length > 1}
         onChange={(evt) =>
           updateSetting('showAccountHostname', evt.target.checked)
         }