cami/Bachelorthesis_Code
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Wiki Activity

Refactoring because of local scripts and tabs

Browse source 
In this commit I want to refactor some things.
- I don't want to use external connections so I moved all that shit to localhost
- I do not need so many spaces as it is bad for formatting
This commit is contained in:
cami 2021-05-27 03:07:54 +02:00
parent 80f9586d36
commit 29142a9977
14 changed files with 393 additions and 380 deletions
Download patch file Download diff file Expand all files Collapse all files

48
frontend/src/components/Navbar.js
View file

@ -1,8 +1,8 @@
import React, { useState, useEffect } from 'react';
import { Button } from './Button';
import { Link } from 'react-router-dom';
import './Navbar.css';
import '@fortawesome/fontawesome-free/css/all.css'
import React, { useState, useEffect } from "react";
import { Button } from "./Button";
import { Link } from "react-router-dom";
import "./Navbar.css";
import "@fortawesome/fontawesome-free/css/all.css";
function Navbar() {
const [click, setClick] = useState(false);
@ -24,38 +24,38 @@ function Navbar() {
showButton();
}, []);
window.addEventListener('resize', showButton);
window.addEventListener("resize", showButton);
return (
<>
<nav className='navbar'>
<div className='navbar-container'>
<Link to='/' className='navbar-logo' onClick={closeMobileMenu}>
<nav className="navbar">
<div className="navbar-container">
<Link to="/" className="navbar-logo" onClick={closeMobileMenu}>
TRVL
<i class='fab fa-typo3' />
<i class="fab fa-typo3" />
</Link>
<div className='menu-icon' onClick={handleClick}>
<i className={click ? 'fas fa-times' : 'fas fa-bars'} />
<div className="menu-icon" onClick={handleClick}>
<i className={click ? "fas fa-times" : "fas fa-bars"} />
</div>
<ul className={click ? 'nav-menu active' : 'nav-menu'}>
<li className='nav-item'>
<Link to='/' className='nav-links' onClick={closeMobileMenu}>
<ul className={click ? "nav-menu active" : "nav-menu"}>
<li className="nav-item">
<Link to="/" className="nav-links" onClick={closeMobileMenu}>
Home
</Link>
</li>
<li className='nav-item'>
<li className="nav-item">
<Link
to='/services'
className='nav-links'
to="/services"
className="nav-links"
onClick={closeMobileMenu}
>
Services
</Link>
</li>
<li className='nav-item'>
<li className="nav-item">
<Link
to='/products'
className='nav-links'
to="/products"
className="nav-links"
onClick={closeMobileMenu}
>
Products
@ -64,15 +64,15 @@ function Navbar() {
<li>
<Link
to='/sign-up'
className='nav-links-mobile'
to="/sign-up"
className="nav-links-mobile"
onClick={closeMobileMenu}
>
Sign Up
</Link>
</li>
</ul>
{button && <Button buttonStyle='btn--outline'>SIGN UP</Button>}
{button && <Button buttonStyle="btn--outline">SIGN UP</Button>}
</div>
</nav>
</>