feat: Ajout de React pour le front, début de refonte du front

This commit is contained in:
ext.jeremy.guillot@maxicoffee.domains
2025-02-12 16:12:01 +01:00
parent 73774f84ff
commit 666636e5bf
35 changed files with 2863 additions and 164 deletions

View 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>
);
}