feat: Ajout de React pour le front, début de refonte du front
This commit is contained in:
parent
73774f84ff
commit
666636e5bf
29
assets/react/app/presentation/components/Toolbar/Toolbar.jsx
Normal file
29
assets/react/app/presentation/components/Toolbar/Toolbar.jsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user