From e0e11fbb199477bf1afd81d15eb6dff0a5a2149e Mon Sep 17 00:00:00 2001
From: Sina Blattmann <sina.blattmann@noser.com>
Date: Thu, 23 Feb 2023 09:33:44 +0100
Subject: [PATCH] fix cors config

---
 csharp/app/Backend/program.cs                 |  2 +-
 typescript/Frontend/src/App.tsx               | 12 ++--
 .../src/components/LanguageSelect.tsx         |  1 +
 typescript/Frontend/src/components/Tabs.tsx   | 14 ++++-
 typescript/Frontend/src/routes/Home.tsx       | 58 -------------------
 5 files changed, 20 insertions(+), 67 deletions(-)
 delete mode 100644 typescript/Frontend/src/routes/Home.tsx

diff --git a/csharp/app/Backend/program.cs b/csharp/app/Backend/program.cs
index 95eda1932..e7017ab8f 100644
--- a/csharp/app/Backend/program.cs
+++ b/csharp/app/Backend/program.cs
@@ -18,7 +18,7 @@ builder.Services.AddControllers();  // TODO: remove magic, specify controllers e
 
 builder.Services.AddHttpContextAccessor(); 
 builder.Services.AddEndpointsApiExplorer();
-builder.Services.AddCors(o => o.AddDefaultPolicy(p => p.WithOrigins("*"))); // TODO
+builder.Services.AddCors(o => o.AddDefaultPolicy(p => p.WithOrigins("*").AllowAnyHeader().AllowAnyMethod()));
 builder.Services.AddSwaggerGen(config =>
 {
     config.SwaggerDoc("v1", new OpenApiInfo{ Title = "My API", Version = "V1" });
diff --git a/typescript/Frontend/src/App.tsx b/typescript/Frontend/src/App.tsx
index 358e4750c..21278ba28 100644
--- a/typescript/Frontend/src/App.tsx
+++ b/typescript/Frontend/src/App.tsx
@@ -14,8 +14,6 @@ import { useState } from "react";
 import en from "./lang/en.json";
 import de from "./lang/de.json";
 import NavigationButtons from "./components/NavigationButtons";
-import LanguageSelect from "./components/LanguageSelect";
-import LogoutButton from "./components/LogoutButton";
 
 const App = () => {
   const { token, setToken, removeToken } = useToken();
@@ -32,8 +30,6 @@ const App = () => {
     return <Login setToken={setToken} />;
   }
 
-  console.log("app");
-
   return (
     <BrowserRouter>
       <IntlProvider
@@ -46,8 +42,6 @@ const App = () => {
             <Grid item xs={3}>
               <NavigationButtons />
               <NestedList />
-              <LanguageSelect language={language} setLanguage={setLanguage} />
-              <LogoutButton removeToken={removeToken} />
             </Grid>
             <Grid
               item
@@ -60,7 +54,11 @@ const App = () => {
               <Divider orientation="vertical" variant="middle" />
             </Grid>
             <Grid item xs={8}>
-              <BasicTabs />
+              <BasicTabs
+                removeToken={removeToken}
+                language={language}
+                setLanguage={setLanguage}
+              />
               <Routes>
                 <Route
                   path={routes.installationWithId}
diff --git a/typescript/Frontend/src/components/LanguageSelect.tsx b/typescript/Frontend/src/components/LanguageSelect.tsx
index 6349befc0..a90217bc4 100644
--- a/typescript/Frontend/src/components/LanguageSelect.tsx
+++ b/typescript/Frontend/src/components/LanguageSelect.tsx
@@ -13,6 +13,7 @@ const LanguageSelect = (props: LanguageSelectProps) => {
       value={props.language}
       label="Age"
       onChange={(e) => props.setLanguage(e.target.value)}
+      sx={{ ml: "auto" }}
     >
       <MenuItem value="en">
         <FormattedMessage id="english" defaultMessage="English" />
diff --git a/typescript/Frontend/src/components/Tabs.tsx b/typescript/Frontend/src/components/Tabs.tsx
index acb522b8b..5d3cadeb0 100644
--- a/typescript/Frontend/src/components/Tabs.tsx
+++ b/typescript/Frontend/src/components/Tabs.tsx
@@ -6,8 +6,15 @@ import { Link } from "react-router-dom";
 import routes from "../routes.json";
 import useRouteMatch from "../hooks/useRouteMatch";
 import { useIntl } from "react-intl";
+import LogoutButton from "./LogoutButton";
+import LanguageSelect from "./LanguageSelect";
 
-const BasicTabs = () => {
+interface BasicTabsProps {
+  removeToken: () => void;
+  language: string;
+  setLanguage: (language: string) => void;
+}
+const BasicTabs = (props: BasicTabsProps) => {
   const routeMatch = useRouteMatch([
     routes.installationWithId,
     routes.alarmsWithId,
@@ -61,6 +68,11 @@ const BasicTabs = () => {
             component={Link}
             to={routes.log + id}
           />
+          <LanguageSelect
+            language={props.language}
+            setLanguage={props.setLanguage}
+          />
+          <LogoutButton removeToken={props.removeToken} />
         </Tabs>
       </Box>
     </Box>
diff --git a/typescript/Frontend/src/routes/Home.tsx b/typescript/Frontend/src/routes/Home.tsx
deleted file mode 100644
index 24127ea56..000000000
--- a/typescript/Frontend/src/routes/Home.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Box, Button, ButtonGroup, Grid, TextField } from "@mui/material";
-import Divider from "@mui/material/Divider";
-import { Route, Routes } from "react-router-dom";
-import NestedList from "../components/NestedList";
-import BasicTable from "../components/Table";
-import BasicTabs from "../components/Tabs";
-import routes from "../routes.json";
-import InstallationDetail from "./Installation";
-
-const Home = () => {
-  return (
-    <Box sx={{ padding: 2, bgcolor: "orange.50" }}>
-      <Grid container spacing={2}>
-        <Grid item xs={3}>
-          <ButtonGroup
-            variant="outlined"
-            aria-label="outlined primary button group"
-            sx={{ paddingBottom: 3 }}
-          >
-            <Button>All installations</Button>
-            <Button>Users</Button>
-          </ButtonGroup>
-          <TextField
-            id="outlined-search"
-            label="Search field"
-            type="search"
-            fullWidth
-          />
-          <NestedList />
-        </Grid>
-        <Grid
-          item
-          xs={1}
-          container
-          direction="row"
-          justifyContent="center"
-          alignItems="center"
-        >
-          <Divider orientation="vertical" variant="middle" />
-        </Grid>
-        <Grid item xs={8}>
-          <BasicTabs />
-          <Routes>
-            <Route
-              path={routes.installationWithId}
-              element={<InstallationDetail />}
-            />
-            <Route path={routes.alarmsWithId} element={<div>alarms</div>} />
-            <Route path={routes.usersWithId} element={<BasicTable />} />
-            <Route path={routes.logWithId} element={<div>log</div>} />
-          </Routes>
-        </Grid>
-      </Grid>
-    </Box>
-  );
-};
-
-export default Home;