feat: add env vars and checks

Author: ritvikmahajan17

.env

@@ -37,3 +37,4 @@ DEFAULT_CI_TRIGGER_TYPE_MANUAL=false
 ANNOUNCEMENT_BANNER_MSG=
 LOGIN_PAGE_IMAGE=
 LOGIN_PAGE_IMAGE_BG=
+SHOW_DEFAULT_CLUSTER=false

src/components/ClusterNodes/ClusterSelectionList.tsx

@@ -21,7 +21,7 @@ export default function ClusterSelectionList({
     isSuperAdmin,
     clusterListLoader,
     refreshData,
-    initTabsBasedOnRole
+    initTabsBasedOnRole,
 }: ClusterSelectionType) {
     const location = useLocation()
     const history = useHistory()
@@ -121,6 +121,7 @@ export default function ClusterSelectionList({
 
     const renderClusterRow = (clusterData: ClusterDetail): JSX.Element => {
         const errorCount = clusterData.nodeErrors ? Object.keys(clusterData.nodeErrors).length : 0
+        if (!window._env_.SHOW_DEFAULT_CLUSTER && clusterData.name === 'default_cluster') return <></>
         return (
             <div
                 key={`cluster-${clusterData.id}`}

src/components/ResourceBrowser/ResourceList/ClusterSelector.tsx

@@ -18,6 +18,9 @@ interface ClusterSelectorType {
 }
 
 export default function ClusterSelector({ onChange, clusterList, clusterId }: ClusterSelectorType) {
+    if (!window._env_.SHOW_DEFAULT_CLUSTER) {
+        clusterList = clusterList.filter((item) => item.label !== 'default_cluster')
+    }
     const defaultOption = clusterList.find((item) => item.value == clusterId)
 
     return (

src/components/ResourceBrowser/ResourceList/ResourceList.tsx

@@ -62,20 +62,9 @@ import {
     sortEventListData,
 } from '../Utils'
 import '../ResourceBrowser.scss'
-import {
-    ClusterCapacityType,
-    ClusterDetail,
-    ClusterErrorType,
-    ClusterImageList,
-    ERROR_TYPE,
-} from '../../ClusterNodes/types'
+import { ClusterCapacityType, ClusterDetail, ClusterImageList } from '../../ClusterNodes/types'
 import { getHostURLConfiguration } from '../../../services/service'
-import {
-    clusterNamespaceList,
-    getClusterCapacity,
-    getClusterList,
-    getClusterListMin,
-} from '../../ClusterNodes/clusterNodes.service'
+import { clusterNamespaceList, getClusterList, getClusterListMin } from '../../ClusterNodes/clusterNodes.service'
 import ClusterSelectionList from '../../ClusterNodes/ClusterSelectionList'
 import ClusterSelector from './ClusterSelector'
 import ClusterOverview from '../../ClusterNodes/ClusterOverview'
@@ -698,6 +687,12 @@ export default function ResourceList() {
         setSelectedCluster(selected)
         getNamespaceList(selected.value)
 
+        if (selected.value === 1 && !window._env_.SHOW_DEFAULT_CLUSTER) {
+            replace({
+                pathname: URLS.RESOURCE_BROWSER,
+            })
+            return
+        }
         if (!skipRedirection) {
             const path = `${URLS.RESOURCE_BROWSER}/${selected.value}/${
                 ALL_NAMESPACE_OPTION.value

src/index.tsx

@@ -47,6 +47,7 @@ interface customEnv {
     ANNOUNCEMENT_BANNER_MSG?: string
     LOGIN_PAGE_IMAGE?: string
     LOGIN_PAGE_IMAGE_BG?: string
+    SHOW_DEFAULT_CLUSTER?: boolean
 }
 declare global {
     interface Window {
@@ -58,11 +59,7 @@ declare global {
 }
 
 const root = document.getElementById('root')
-if (
-    process.env.NODE_ENV === 'production' &&
-    window._env_ &&
-    (window._env_.SENTRY_ERROR_ENABLED)
-) {
+if (process.env.NODE_ENV === 'production' && window._env_ && window._env_.SENTRY_ERROR_ENABLED) {
     const integrationArr = []
     integrationArr.push(new CaptureConsole({ levels: ['error'] }))
     if (window._env_.SENTRY_PERFORMANCE_ENABLED) {
@@ -145,13 +142,14 @@ if (!window || !window._env_) {
         ENABLE_CHART_SEARCH_IN_HELM_DEPLOY: false,
         HIDE_EXCLUDE_INCLUDE_GIT_COMMITS: true,
         ENABLE_BUILD_CONTEXT: false,
-        CLAIR_TOOL_VERSION:'V4',
+        CLAIR_TOOL_VERSION: 'V4',
         ENABLE_RESTART_WORKLOAD: false,
         ENABLE_SCOPED_VARIABLES: false,
         DEFAULT_CI_TRIGGER_TYPE_MANUAL: false,
         ANNOUNCEMENT_BANNER_MSG: '',
         LOGIN_PAGE_IMAGE: '',
-        LOGIN_PAGE_IMAGE_BG: ''
+        LOGIN_PAGE_IMAGE_BG: '',
+        SHOW_DEFAULT_CLUSTER: false,
     }
 }
 
@@ -167,5 +165,5 @@ ReactDOM.render(
 )
 
 if (process.env.NODE_ENV === 'development') {
-    (module as any).hot.accept()
+    ;(module as any).hot.accept()
 }