diff options
| author | Blaster4385 <blaster4385@tablaster.dev> | 2024-02-21 11:41:25 +0530 |
|---|---|---|
| committer | Blaster4385 <blaster4385@tablaster.dev> | 2024-04-30 11:10:37 +0530 |
| commit | fbf0b32229d9647d5b6473bffd9f50410fde6716 (patch) | |
| tree | de55a1a7f4096c38f0e77edf2f438c77e26050d9 | |
| parent | ca6b42303cf290188cd01744f925285d6ed9399d (diff) | |
feat: added a link to home page on header
| -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); } |