change absolute paths to relative paths

typescript/Frontend/src/components/Groups/Folder.tsx

@@ -7,7 +7,7 @@ import { I_Folder } from "../../util/types";
 import AddNewDialog from "./AddNewDialog";
 import FolderForm from "./FolderForm";
 import MoveDialog from "./Tree/MoveDialog";
-import { colors } from "/home/ig/code/git_trunk/typescript/Frontend/src/index";
+import { colors } from "index";
 
 const Folder = () => {
   const { id } = useParams();
@@ -70,7 +70,7 @@ const Folder = () => {
       <Box
         sx={{ width: 1 / 2, justifyContent: "center", display: "flex", mt: 10 }}
       >
-        <CircularProgress sx={{ m: 2 ,color: theme.palette.secondary.main}} />
+        <CircularProgress sx={{ m: 2, color: theme.palette.secondary.main }} />
       </Box>
     );
   } else if (error) {

typescript/Frontend/src/components/Installations/Log/CheckboxTree.tsx

@@ -7,7 +7,7 @@ import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import useRouteMatch from "../../../hooks/useRouteMatch";
 import routes from "../../../routes.json";
 import React from "react";
-import {colors} from "/home/ig/code/git_trunk/typescript/Frontend/src/index";
+import { colors } from "index";
 
 export interface ToggleElement {
   [key: string]: boolean;
@@ -66,13 +66,12 @@ const CheckboxTree = () => {
                 <Checkbox
                   checked={!!checked}
                   onClick={(e) => handleClick(e, element, checked)}
-                  style ={{
-                    color: theme.palette.text.primary   ,
+                  style={{
+                    color: theme.palette.text.primary,
                   }}
                   sx={{
-                    paddingY:0,
+                    paddingY: 0,
                   }}
-
                 />
               )}
               {splitName[splitName.length - 1]}

typescript/Frontend/src/components/Installations/Log/TopologyView.tsx

@@ -11,8 +11,6 @@ import { fetchData } from "./ScalarGraph";
 import { useEffect, useState } from "react";
 import { FetchResult } from "../../../dataCache/dataCache";
 import { FormattedMessage } from "react-intl";
-import { colors } from "../../..";
-import { error } from "console";
 
 const TopologyView = () => {
   const [values, setValues] = useState<TopologyValues | null>(null);
@@ -53,7 +51,7 @@ const TopologyView = () => {
           bgcolor: "white",
           px: 3 / 8,
           border: 2,
-          borderTop : 0,
+          borderTop: 0,
           borderBottomLeftRadius: 4,
           borderBottomRightRadius: 4,
           borderColor: theme.palette.text.disabled,
@@ -224,12 +222,12 @@ const TopologyView = () => {
     );
   }
   return (
-    <Alert sx={{ mt: 1, }} severity="error">
+    <Alert sx={{ mt: 1 }} severity="error">
       <FormattedMessage
         id="noData"
         defaultMessage="Couldn't find any live data"
       />
-    </Alert>  
+    </Alert>
   );
 };
 

typescript/Frontend/src/components/Layout/LogoutButton.tsx

@@ -2,11 +2,12 @@ import { FormattedMessage } from "react-intl";
 import { useNavigate } from "react-router-dom";
 import axiosConfig from "../../config/axiosConfig";
 import InnovenergyButton from "./InnovenergyButton";
-import {colors} from "/home/ig/code/git_trunk/typescript/Frontend/src/index"
+import { colors } from "index";
 
 interface LogoutButtonProps {
   removeToken: () => void;
 }
+
 const LogoutButton = (props: LogoutButtonProps) => {
   const navigate = useNavigate();
 
@@ -19,8 +20,7 @@ const LogoutButton = (props: LogoutButtonProps) => {
           props.removeToken();
         });
       }}
-      sx={{ mx: 1, bgcolor: colors.orangeSelected, textTransform: "none"}}
-
+      sx={{ mx: 1, bgcolor: colors.orangeSelected, textTransform: "none" }}
     >
       <FormattedMessage id="logout" defaultMessage="Logout" />
     </InnovenergyButton>