fix: AB#334 Something is wrong with header integration (#17)

* fix: AB#334 Something is wrong with header integration

* fix: AB#334 Something is wrong with header integration
Removed comment

* fix: AB#334 Something is wrong with header integration
Removed secondary color and switched to inherit

Author: DerCed

src/appHeader/AppHeader.jsx

@@ -8,7 +8,14 @@ import {Logout} from "@mui/icons-material";
 import StarwitLogo from "../assets/img/logo-white.png";
 
 function AppHeader(props) {
-    const {menuItems, title, logo, styles} = props;
+    const {menuItems, title, logo} = props;
+    const defaultStyles = HeaderStyles();
+
+    let styles = props.styles;
+    if (!styles){
+        styles = defaultStyles;
+    }
+
     const history = useHistory();
     const {t} = useTranslation();
 
@@ -22,10 +29,10 @@ function AppHeader(props) {
                     </Typography>
                     <div className={styles.spacer}/>
                     {menuItems.map(item => (
-                        <Button key={item.title} color="secondary" disableRipple className={styles.linkButton}
+                        <Button key={item.title} color="inherit" disableRipple className={styles.linkButton}
                                 onClick={() => history.push(item.link)}>{t(item.title)}</Button>
                     ))}
-                    <IconButton color="secondary" disableRipple className={styles.linkButton}
+                    <IconButton color="inherit" disableRipple className={styles.linkButton}
                                 onClick={() => history.push("/logout")}><Logout/></IconButton>
                 </Toolbar>
             </AppBar>
@@ -35,7 +42,6 @@ function AppHeader(props) {
 }
 
 AppHeader.defaultProps = {
-    //styles: HeaderStyles(),
     title: "A LireJarp App",
     logo: StarwitLogo,
     menuItems: []