diff --git a/apps/react/src/challenges/navbar/App.jsx b/apps/react/src/challenges/navbar/App.jsx deleted file mode 100644 index 078137969..000000000 --- a/apps/react/src/challenges/navbar/App.jsx +++ /dev/null @@ -1,6 +0,0 @@ -import React from 'react'; -import Head from './Head'; - -const App = () => ; - -export default App; diff --git a/apps/react/src/challenges/navbar/Head.jsx b/apps/react/src/challenges/navbar/Head.jsx deleted file mode 100644 index bd3b761f1..000000000 --- a/apps/react/src/challenges/navbar/Head.jsx +++ /dev/null @@ -1,24 +0,0 @@ -import { useState } from 'react'; -import { navData } from './data/data'; -import styles from './style.module.css'; - -const Head = () => { - const [openNav, setOpenNav] = useState(false); - return ( -
- Your Logo - - setOpenNav(!openNav)}> - ☰ - -
- ); -}; - -export default Head; diff --git a/apps/react/src/challenges/navbar/data/data.jsx b/apps/react/src/challenges/navbar/data/data.jsx deleted file mode 100644 index 289c01fb8..000000000 --- a/apps/react/src/challenges/navbar/data/data.jsx +++ /dev/null @@ -1,15 +0,0 @@ -export const navData = [ - { id: 1, navPage: 'Home' }, - { - id: 2, - navPage: 'Games', - }, - { - id: 3, - navPage: 'Contact Us', - }, - { - id: 4, - navPage: 'Support', - }, -]; diff --git a/apps/react/src/challenges/navbar/style.module.css b/apps/react/src/challenges/navbar/style.module.css deleted file mode 100644 index de62aad6e..000000000 --- a/apps/react/src/challenges/navbar/style.module.css +++ /dev/null @@ -1,40 +0,0 @@ -.header { - display: flex; - justify-content: space-between; - align-items: center; - background-color: #6654ff; - padding: 1rem; - color: #fff; - position: relative; -} -.nav a { - padding: 0.6rem; - color: #fff; -} - -.hamburger { - display: none; - font-size: 1.2rem; -} - -/* for mobile screen */ -@media only screen and (max-width: 600px) { - .nav { - display: none; - flex-direction: column; - align-items: center; - position: absolute; - top: 4rem; - right: 0rem; - left: 0rem; - background-color: #6654ff; - } - - .active { - display: flex; - } - - .hamburger { - display: block; - } -} diff --git a/apps/react/src/pages/Challenge.tsx b/apps/react/src/pages/Challenge.tsx index cb6a5c78c..f77cb0280 100644 --- a/apps/react/src/pages/Challenge.tsx +++ b/apps/react/src/pages/Challenge.tsx @@ -57,7 +57,6 @@ import Stepper from '@/challenges/stepper/App'; import InlineOptions from '@/challenges/inline-options/App'; import DigitalClock from '@/challenges/7-segment-digital-clock/DigitalClock'; import NestedComments from '@/challenges/nested-comments/App'; -import Navbar from '@/challenges/navbar/App'; const reactChallengesMap = { 'transfer-list': , @@ -115,7 +114,6 @@ const reactChallengesMap = { 'inline-options': , 'digital-clock': , 'nested-comments': , - navbar: , '15puzzle': , };