aboutsummaryrefslogtreecommitdiff
path: root/client/src/components/Header
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/components/Header')
-rw-r--r--client/src/components/Header/Header.jsx25
-rw-r--r--client/src/components/Header/Header.module.css34
2 files changed, 0 insertions, 59 deletions
diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx
deleted file mode 100644
index 9682104..0000000
--- a/client/src/components/Header/Header.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-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";
-
-const Header = ({ isSelectVisible, onLanguageChange }) => {
- return (
- <div className={styles.header}>
- <Link to="/">
- <h1>
- <span className={styles.header__mini}>mini</span>bin
- </h1>
- </Link>
- {isSelectVisible && (
- <CustomSelect
- options={SUPPORTED_LANGUAGES}
- onSelect={onLanguageChange}
- />
- )}
- </div>
- );
-};
-
-export default Header;
diff --git a/client/src/components/Header/Header.module.css b/client/src/components/Header/Header.module.css
deleted file mode 100644
index 9717e14..0000000
--- a/client/src/components/Header/Header.module.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0.5rem 2rem;
- color: var(--color-light);
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.header h1 {
- margin: 0;
-}
-
-.header a {
- text-decoration: none;
- color: inherit;
-}
-
-.header__mini {
- color: var(--color-yellow);
-}
-
-@media screen and (max-width: 480px) {
- .header {
- margin: 0.5rem 1rem;
- }
-
- .header h1 {
- font-size: 2rem;
- }
-}