diff --git a/typescript/Frontend/src/components/Layout/InnovenergyTab.tsx b/typescript/Frontend/src/components/Layout/InnovenergyTab.tsx
new file mode 100644
index 000000000..43a04815f
--- /dev/null
+++ b/typescript/Frontend/src/components/Layout/InnovenergyTab.tsx
@@ -0,0 +1,41 @@
+import { styled, SxProps, Tab, Tabs, Theme, useTheme } from "@mui/material";
+import { TabProps } from "@mui/material/Tab/Tab";
+
+const InnovenergyTab = (props: any) => {
+ const theme = useTheme();
+ return (
+
+ );
+};
+
+export default InnovenergyTab;
diff --git a/typescript/Frontend/src/components/Layout/InnovenergyTabs.tsx b/typescript/Frontend/src/components/Layout/InnovenergyTabs.tsx
new file mode 100644
index 000000000..bf98f5510
--- /dev/null
+++ b/typescript/Frontend/src/components/Layout/InnovenergyTabs.tsx
@@ -0,0 +1,42 @@
+import { SxProps, Tabs, Theme } from "@mui/material";
+import { ReactNode } from "react";
+
+interface AntTabsProps {
+ id: string;
+ value?: string;
+ sx?: SxProps
;
+ children: ReactNode;
+}
+
+const InnovenergyTabs = (props: AntTabsProps) => {
+ return (
+
+ {props.children}
+
+ );
+};
+
+export default InnovenergyTabs;
diff --git a/typescript/Frontend/src/components/Layout/ModeButtons.tsx b/typescript/Frontend/src/components/Layout/ModeButtons.tsx
index 094b46a71..aee76e50e 100644
--- a/typescript/Frontend/src/components/Layout/ModeButtons.tsx
+++ b/typescript/Frontend/src/components/Layout/ModeButtons.tsx
@@ -15,23 +15,6 @@ const ModeButtons = () => {
return (
<>
- {/*
- }
- value={routes.installations + routes.list + "*"}
- component={Link}
- to={routes.list}
- />
- }
- value={routes.installations + routes.tree + "*"}
- component={Link}
- to={routes.tree}
- />
- */}
{
const routeMatch = useRouteMatch([
@@ -19,37 +14,11 @@ const NavigationButtons = () => {
return (
<>
- {/*
-
-
-
-
-
-
- */}
-
- {
/>
}
/>
- }
/>
-
+
>
);
};
diff --git a/typescript/Frontend/src/components/Users/UserTabs.tsx b/typescript/Frontend/src/components/Users/UserTabs.tsx
index 16d84292c..c2d60c5b4 100644
--- a/typescript/Frontend/src/components/Users/UserTabs.tsx
+++ b/typescript/Frontend/src/components/Users/UserTabs.tsx
@@ -3,11 +3,8 @@ import { Link } from "react-router-dom";
import routes from "../../routes.json";
import useRouteMatch from "../../hooks/useRouteMatch";
import { useIntl } from "react-intl";
-import {
- AntTabs,
- StyledTab,
- StyledTabBlue,
-} from "../../util/installation.util";
+import InnovenergyTab from "../Layout/InnovenergyTab";
+import InnovenergyTabs from "components/Layout/InnovenergyTabs";
const UserTabs = () => {
const routeMatch = useRouteMatch([routes.users + routes.user + ":id"]);
@@ -17,7 +14,7 @@ const UserTabs = () => {
if (id) {
return (
- {
defaultMessage: "user tabs",
})}
>
- {
value={routes.users + routes.user + ":id"}
component={Link}
to={routes.user + id}
+ sx={{
+ "&.Mui-selected": {
+ backgroundColor: "#CCD6E4",
+ },
+ }}
/>
-
+
);
}
return null;
diff --git a/typescript/Frontend/src/library.scss b/typescript/Frontend/src/library.scss
new file mode 100644
index 000000000..27a714e89
--- /dev/null
+++ b/typescript/Frontend/src/library.scss
@@ -0,0 +1 @@
+$innovenergy-orange: #F59100;
diff --git a/typescript/Frontend/tsconfig.json b/typescript/Frontend/tsconfig.json
index 423cb75a1..888329764 100644
--- a/typescript/Frontend/tsconfig.json
+++ b/typescript/Frontend/tsconfig.json
@@ -1,5 +1,6 @@
{
"compilerOptions": {
+ "baseUrl": "src",
"target": "es5",
"lib": [
"dom",