Changes allowing user to toggle between show all branches

src/constants/Storage.ts

@@ -38,6 +38,7 @@ const Storage = {
   KUBECONFIG_CONTEXT: 'KUBECONFIG_CONTEXT',
   RELEASE_NAME: 'RELEASE_NAME',
   OPS_PATH: 'OPS_PATH',
+  SHOW_ALL_BRANCHES: 'SHOW_ALL_BRANCHES',
   PASSWORD_KEY: generateUUID()
 }
 

src/renderer/components/GitView.tsx

@@ -1,4 +1,5 @@
 import Channels from 'constants/Channels'
+import Storage from 'constants/Storage'
 import { cloneCluster } from 'models/Cluster'
 import { useSnackbar } from 'notistack'
 import { useConfigFileState } from 'renderer/services/ConfigFileService'
@@ -42,9 +43,17 @@ const GitView = ({ name, repoType, sx }: Props) => {
   let branches: string[] = []
   const gitData = currentDeployment.gitStatus[repoType].data
   if (gitData) {
-    const allowedBranches = ['dev', '/dev', 'master', '/master']
+    const showAllBranches = localStorage.getItem(Storage.SHOW_ALL_BRANCHES) ?? 'false'
 
-    branches = gitData.branches.filter((item) => allowedBranches.some((allowed) => item.endsWith(allowed)))
+    if (showAllBranches === 'true') {
+      branches = gitData.branches.map((item) => item) // Doing map here so that a clone is created rather than referencing original object
+    } else {
+      const allowedBranches = ['dev', '/dev', 'master', '/master']
+      branches = gitData.branches.filter((item) => allowedBranches.some((allowed) => item.endsWith(allowed)))
+    }
+
+    console.log(branches)
+    console.log(gitData.tags)
     branches.push(...gitData.tags)
 
     const current = gitData.current

src/renderer/components/Setting/AdditionalConfigsView.tsx

@@ -0,0 +1,33 @@
+import Storage from 'constants/Storage'
+
+import { Box, FormControlLabel, Switch, SxProps, Theme, Typography } from '@mui/material'
+
+import InfoTooltip from '../../common/InfoTooltip'
+
+interface Props {
+  localFlags: Record<string, string>
+  onChange: (key: string, value: string) => void
+  sx?: SxProps<Theme>
+}
+
+const AdditionalConfigsView = ({ localFlags, onChange, sx }: Props) => {
+  return (
+    <Box sx={sx}>
+      <FormControlLabel
+        labelPlacement="start"
+        label={
+          <Box sx={{ display: 'flex', alignItems: 'top', flexDirection: 'row' }}>
+            <Typography variant="body2">{Storage.SHOW_ALL_BRANCHES.replaceAll('_', ' ')}</Typography>
+            <InfoTooltip message="This will show all Ethereal Engine branches. If switched off then it will show only dev & master branches." />
+          </Box>
+        }
+        sx={{ marginTop: 1, marginLeft: 0 }}
+        control={<Switch checked={localFlags[Storage.SHOW_ALL_BRANCHES] === 'true'} sx={{ marginLeft: 4 }} />}
+        value={localFlags[Storage.SHOW_ALL_BRANCHES] === 'true'}
+        onChange={(_event, checked) => onChange(Storage.SHOW_ALL_BRANCHES, checked ? 'true' : 'false')}
+      />
+    </Box>
+  )
+}
+
+export default AdditionalConfigsView

src/renderer/dialogs/SettingsDialog.tsx

@@ -1,7 +1,9 @@
+import Storage from 'constants/Storage'
 import UIEnabled from 'constants/UIEnabled'
 import { ClusterModel, ClusterType } from 'models/Cluster'
 import { useSnackbar } from 'notistack'
 import { useState } from 'react'
+import AdditionalConfigsView from 'renderer/components/Setting/AdditionalConfigsView'
 import MicroK8sView from 'renderer/components/Setting/MicroK8sView'
 import { ConfigFileService, useConfigFileState } from 'renderer/services/ConfigFileService'
 import { DeploymentService } from 'renderer/services/DeploymentService'
@@ -45,6 +47,12 @@ const SettingsDialog = ({ onClose }: Props) => {
   const [tempConfigs, setTempConfigs] = useState({} as Record<string, string>)
   const [tempVars, setTempVars] = useState({} as Record<string, string>)
 
+  const showAllBranches = localStorage.getItem(Storage.SHOW_ALL_BRANCHES) as string | undefined
+  const defaultFlags = {
+    [Storage.SHOW_ALL_BRANCHES]: showAllBranches ? showAllBranches : 'false'
+  } as Record<string, string>
+  const [localFlags, setLocalFlags] = useState(defaultFlags)
+
   if (!selectedCluster) {
     enqueueSnackbar('Please select a cluster.', { variant: 'error' })
     onClose()
@@ -61,6 +69,12 @@ const SettingsDialog = ({ onClose }: Props) => {
     localVars[key] = key in tempVars ? tempVars[key] : selectedCluster.variables[key]
   }
 
+  const changeFlag = async (key: string, value: string) => {
+    const newFlags = { ...localFlags }
+    newFlags[key] = value
+    setLocalFlags(newFlags)
+  }
+
   const changeConfig = async (key: string, value: string) => {
     const newConfigs = { ...tempConfigs }
     newConfigs[key] = value
@@ -88,6 +102,8 @@ const SettingsDialog = ({ onClose }: Props) => {
       updatedCluster.variables[key] = tempVars[key]
     }
 
+    localStorage.setItem(Storage.SHOW_ALL_BRANCHES, localFlags[Storage.SHOW_ALL_BRANCHES])
+
     const saved = await ConfigFileService.insertOrUpdateConfig(updatedCluster)
     if (saved) {
       onClose()
@@ -129,6 +145,7 @@ const SettingsDialog = ({ onClose }: Props) => {
                     onChange={changeConfig}
                     sx={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }}
                   />
+                  <AdditionalConfigsView localFlags={localFlags} onChange={changeFlag} />
                 </TabPanel>
               )}
               {UIEnabled[selectedCluster.type].settings.variables && (
@@ -176,7 +193,12 @@ const SettingsDialog = ({ onClose }: Props) => {
         <Button onClick={onClose}>Cancel</Button>
         <Button
           type="submit"
-          disabled={loading || (Object.keys(tempConfigs).length === 0 && Object.keys(tempVars).length === 0)}
+          disabled={
+            loading ||
+            (Object.keys(tempConfigs).length === 0 &&
+              Object.keys(tempVars).length === 0 &&
+              JSON.stringify(defaultFlags) === JSON.stringify(localFlags))
+          }
           onClick={saveSettings}
         >
           Save