diff --git a/frontend/Dockerfile b/frontend/Dockerfile index e37e5c41..aee9f762 100644 --- a/frontend/Dockerfile +++ b/frontend/Dockerfile @@ -3,9 +3,9 @@ FROM node:lts-alpine COPY . /app workdir /app -run yarn install +run npm install -run yarn build +run npm run build expose 3000 -cmd ["yarn", "start"] +cmd ["npm", "run", "start"] diff --git a/frontend/components/elements/DarkModeSwitch.module.scss b/frontend/components/elements/DarkModeSwitch.module.scss deleted file mode 100644 index a5627f5f..00000000 --- a/frontend/components/elements/DarkModeSwitch.module.scss +++ /dev/null @@ -1,71 +0,0 @@ -@import "../../resources/styles/vars.scss"; - -.darkModeSwitchStyle { - color: black; - height: $space-big; - width: $space-big; - position: absolute; - /*left: 0.1*$space-big; - top: 0.1*$space-big;*/ - - @media only screen and (min-width:$breakpoint-mobile) {} - - @media only screen and (max-width:$breakpoint-mobile) {} -} - -.slider_in { - height: $space-big; - width: $space-big; - position: relative; - left: 0; - background-color: #00a6a6; - border-radius: $space-big/2; - animation-name: out; - animation-duration: 0.4s; - -} - - -.slider_out { - height: $space-big; - width: $space-big; - position: relative; - left: 1.05*$space-big; - background-color: #00a6a6; - border-radius: $space-big/2; - animation-name: in; - animation-duration: 0.4s; -} - -.darkModeHolder { - height: 1.2$space-big; - width: 2.2*$space-big; - background-color: black; - border: (0.1*$space-big) solid white; - border-radius: 1.1*$space-big/2; -} - -.blackColor { - background-color: white; -} - -@keyframes in { - 0% { - left: 0; - } - - 100% { - left: 1.1*$space-big; - } - -} - -@keyframes out { - 0% { - left: 1.1*$space-big; - } - - 100% { - left: 0; - } -} \ No newline at end of file diff --git a/frontend/components/elements/DarkModeSwitch.tsx b/frontend/components/elements/DarkModeSwitch.tsx deleted file mode 100644 index 960199e4..00000000 --- a/frontend/components/elements/DarkModeSwitch.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import styles from "./DarkModeSwitch.module.scss"; - -export interface DarkModeProps { - darkMode: boolean; - setDarkMode: any; -} -const DarkModeSwitch = ({ darkMode, setDarkMode }: DarkModeProps) => ( -
{ - setDarkMode(!darkMode); - }}> -
-
-); - -export default DarkModeSwitch; diff --git a/frontend/components/elements/Header.tsx b/frontend/components/elements/Header.tsx index f4f3d79d..016b3666 100644 --- a/frontend/components/elements/Header.tsx +++ b/frontend/components/elements/Header.tsx @@ -1,31 +1,18 @@ +import Image from "next/image"; + import { Category } from "../../data/category"; import NavBar from "../views/NavBar"; -import DarkModeSwitch from "./DarkModeSwitch"; import styles from "./Header.module.scss"; export interface HeaderProps { categories: Category[]; show: boolean; setShow: any; - darkMode: boolean; - setDarkMode: any; } -const Header = ({ - categories, - show, - setShow, - darkMode, - setDarkMode -}: HeaderProps) => ( +const Header = ({ categories, show, setShow }: HeaderProps) => (