RedCrab/projet-nuitinfo-2024
8
0
Fork 0
generated from lucien/actix-react-template
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Articles section of the main page

Browse source
This commit is contained in:
= 2024-12-06 00:37:52 +01:00
parent f77b96db25
commit 9562eb98dc
5 changed files with 101 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

7
front/src/components/Button.tsx
View file

@ -2,16 +2,17 @@ import { ReactNode, MouseEventHandler } from 'react';
interface ButtonProps {
onClick: MouseEventHandler<HTMLButtonElement>;
color: 'primary' | 'secondary';
children: ReactNode;
}
export default function Button({ onClick, children }: ButtonProps) {
export default function Button({ onClick, color, children }: ButtonProps) {
return (
<button style={{
backgroundColor: 'var(--color-lightblue)',
backgroundColor: color === 'primary' ? 'var(--color-yellow)' : 'var(--color-darkblue)',
borderRadius: '8px',
borderWidth: '0',
color: 'var(--color-darkblue)',
color: color === 'primary' ? 'var(--color-black)' : 'var(--color-white)',
cursor: 'pointer',
display: 'inline-block',
fontFamily: '"Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif',