Header.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import 'bootstrap/dist/css/bootstrap.min.css';
	// import styles from './components.module.css';
	import './header.css'

	export default function Header({englishTutorialURL, frenchTutorialURL}) {
	return <div className="headerContainer">
	<img id="GraphImg" alt="EPFL Graph"
	src="/img/header-epfl-graph-logo.png"
	className="src-components-AppLogo-___styles__img" style={{width: '128px'}}/>
	<h1 style={{paddingLeft: '0px', fontSize: '1em'}}
	>WARNING THIS IS A PROTOTYPE, NOT RELEASED YET
	<br/> ExpertFinder app v1.3.0</h1>

	<div className='dropdown'>
	<button className="dropbtn">Tutorials</button>
	<div className='dropdown-content'>
	<div className='dropdown-content-item'>
	<a href={frenchTutorialURL} target="_blank">Français</a>
	</div>
	<div className='dropdown-content-item'>
	<a href={englishTutorialURL} target="_blank">English</a>
	</div>
	</div>
	</div>
	</div>
	}