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,29 @@
import React from 'react';
import { ToolbarButton } from './ToolbarButton';
export function Toolbar({
leftSection = [],
centerSection = [],
rightSection = [],
className = ''
}) {
const renderSection = (items) => (
<div className="flex items-center gap-2">
{items.map((item, index) => (
<ToolbarButton key={index} {...item} />
))}
</div>
);
return (
<div className={`bg-gray-800 shadow-sm border-b border-gray-700 ${className}`}>
<div className="container mx-auto px-4">
<div className="h-14 flex items-center justify-between">
{renderSection(leftSection)}
{renderSection(centerSection)}
{renderSection(rightSection)}
</div>
</div>
</div>
);
}