feat: Ajout de React pour le front, début de refonte du front
This commit is contained in:
parent
73774f84ff
commit
666636e5bf
26
assets/react/app/presentation/components/Header.jsx
Normal file
26
assets/react/app/presentation/components/Header.jsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import React from 'react';
|
||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
||||
import { faBars } from '@fortawesome/free-solid-svg-icons';
|
||||
import { SearchBar } from './SearchBar/SearchBar.jsx';
|
||||
|
||||
export function Header({ onMenuClick, onMangaClick, onAddMangaClick }) {
|
||||
return (
|
||||
<header className="bg-green-600 h-16 flex items-center fixed w-full z-50">
|
||||
<button
|
||||
onClick={onMenuClick}
|
||||
className="ml-4 text-white p-2 md:hidden"
|
||||
>
|
||||
<FontAwesomeIcon icon={faBars} />
|
||||
</button>
|
||||
<div className="flex items-center flex-1">
|
||||
<a href="/" className="text-white text-2xl font-bold ml-4">
|
||||
Mangarr
|
||||
</a>
|
||||
<SearchBar
|
||||
onMangaClick={onMangaClick}
|
||||
onAddMangaClick={onAddMangaClick}
|
||||
/>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user