diff options
| -rw-r--r-- | client/src/components/Header/Header.jsx | 3 | ||||
| -rw-r--r-- | client/src/components/Header/Header.module.css | 5 |
2 files changed, 7 insertions, 1 deletions
diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx index d85b1ea..712696c 100644 --- a/client/src/components/Header/Header.jsx +++ b/client/src/components/Header/Header.jsx @@ -1,4 +1,5 @@ import React from "react"; +import { Link } from "react-router-dom"; import { SUPPORTED_LANGUAGES } from "../../utils/constants"; import styles from "./Header.module.css"; import CustomSelect from "../CustomSelect/CustomSelect"; @@ -6,7 +7,7 @@ import CustomSelect from "../CustomSelect/CustomSelect"; const Header = ({ isSelectVisible, onLanguageChange }) => { return ( <div className={styles.header}> - <h1><span className={styles.header__mini}>mini</span>bin</h1> + <Link to="/"><h1><span className={styles.header__mini}>mini</span>bin</h1></Link> {isSelectVisible && ( <CustomSelect options={SUPPORTED_LANGUAGES} diff --git a/client/src/components/Header/Header.module.css b/client/src/components/Header/Header.module.css index 8d35b00..193894c 100644 --- a/client/src/components/Header/Header.module.css +++ b/client/src/components/Header/Header.module.css @@ -14,6 +14,11 @@ margin: 0; } +.header a { + text-decoration: none; + color: inherit; +} + .header__mini{ color: var(--color-yellow); } |