🔧 Try fix format

DLR-SC · Jun 1, 2024 · 1220e91 · 1220e91
1 parent 3e2702b
commit 1220e91
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 11 deletions.
diff --git a/frontend/.env.dev b/frontend/.env.dev
@@ -3,5 +3,12 @@
 
 # This is for development only. For production you need to replace this with the actual URL.
 VITE_API_URL=http://localhost:8000
-VITE_OAUTH_API_URL=https://134.94.199.133:7000
-VITE_OAUTH_CLIENT_ID=loki-front
+
+# IDP Settings
+
+# IDP URL
+VITE_OAUTH_API_URL=https://lokiam.de:7000
+
+# IDP Client ID
+# Dev only, change me for staging and production
+VITE_OAUTH_CLIENT_ID=loki-front-dev
diff --git a/frontend/src/components/AuthProvider.tsx b/frontend/src/components/AuthProvider.tsx
@@ -1,3 +1,6 @@
+// SPDX-FileCopyrightText: 2024 German Aerospace Center (DLR) and CISPA Helmholtz Center for Information Security
+// SPDX-License-Identifier: Apache-2.0
+
 import React from 'react';
 import {ReactNode} from 'react';
 import {AuthProvider as OAuth2WithPkceProvider, TAuthConfig} from 'react-oauth2-code-pkce';
@@ -11,10 +14,9 @@ function AuthProvider({children}: AuthProviderProps) {
   const realm = useAppSelector((state) => state.realm.name);
 
   const authConfig: TAuthConfig = {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    clientId: import.meta.env.VITE_OAUTH_CLIENT_ID,
-    authorizationEndpoint: `${import.meta.env.VITE_OAUTH_API_URL}/realms/${realm}/protocol/openid-connect/auth`,
-    tokenEndpoint: `${import.meta.env.VITE_OAUTH_API_URL}/realms/${realm}/protocol/openid-connect/token`,
+    clientId: `${import.meta.env.VITE_OAUTH_CLIENT_ID || ''}`,
+    authorizationEndpoint: `${import.meta.env.VITE_OAUTH_API_URL || ''}/realms/${realm}/protocol/openid-connect/auth`,
+    tokenEndpoint: `${import.meta.env.VITE_OAUTH_API_URL || ''}/realms/${realm}/protocol/openid-connect/token`,
     redirectUri: window.location.origin, // always redirect to root
     scope: 'openid profile email', // default scope without audience
     autoLogin: false,
@@ -23,4 +25,4 @@ function AuthProvider({children}: AuthProviderProps) {
   return <OAuth2WithPkceProvider authConfig={authConfig}>{children}</OAuth2WithPkceProvider>;
 }
 
-export default AuthProvider;
+export default AuthProvider;
diff --git a/frontend/src/components/TopBar/RealmSelect.tsx b/frontend/src/components/TopBar/RealmSelect.tsx
@@ -1,3 +1,6 @@
+// SPDX-FileCopyrightText: 2024 German Aerospace Center (DLR) and CISPA Helmholtz Center for Information Security
+// SPDX-License-Identifier: Apache-2.0
+
 import React from 'react';
 import {FormControl, InputLabel, Select, OutlinedInput, MenuItem} from '@mui/material';
 import {useAppDispatch, useAppSelector} from 'store/hooks';
@@ -8,8 +11,12 @@ function RealmSelect() {
   const dispatch = useAppDispatch();
 
   // realms are hardcoded for now
-  // should be fetched from keycloak
-  const realms = ['lha-a', 'lha-b', 'lha-c'];
+  // TODO: should be fetched from keycloak
+  const realms = [
+    {id: 'lha-a', name: 'LHA A', disabled: false},
+    {id: 'lha-b', name: 'LHA B', disabled: true},
+    {id: 'lha-c', name: 'LHA C', disabled: true},
+  ];
 
   return (
     <FormControl sx={{m: 2, minWidth: 120}} size='small'>
@@ -22,8 +29,8 @@ function RealmSelect() {
         input={<OutlinedInput label='Realm' />}
       >
         {realms.map((realm) => (
-          <MenuItem key={realm} value={realm}>
-            {realm}
+          <MenuItem key={realm.id} value={realm.id} disabled={realm.disabled}>
+            {realm.name}
           </MenuItem>
         ))}
       </Select>

diff --git a/frontend/src/store/RealmSlice.ts b/frontend/src/store/RealmSlice.ts
@@ -1,3 +1,6 @@
+// SPDX-FileCopyrightText: 2024 German Aerospace Center (DLR) and CISPA Helmholtz Center for Information Security
+// SPDX-License-Identifier: Apache-2.0
+
 import {createSlice, PayloadAction} from '@reduxjs/toolkit';
 
 export interface Realm {