diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Button.tsx | 10 | ||||
-rw-r--r-- | src/components/Header.tsx | 2 | ||||
-rw-r--r-- | src/components/ListTable.tsx | 2 |
3 files changed, 8 insertions, 6 deletions
diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 55ceda6..5fd69b2 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -7,14 +7,16 @@ interface Props { const styles = { - contained: "bg-black text-white", - outlined: "border-2 border-black" + contained: 'bg-black text-white', + outlined: 'border-2 border-black', }; const Button: React.FC<Props> = ({ children, variant = 'contained' }) => { - return ( - <button className={`p-4 m-3 font-bold tracking-wide hover:underline focus:outline-none ${styles[variant]}`}> + <button + type="button" + className={`p-4 m-3 font-bold tracking-wide hover:underline focus:outline-none ${styles[variant]}`} + > {children} </button> ); diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 75d96a9..bc77bf8 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -8,7 +8,7 @@ interface Props { }[]; } -const Header: React.FC<Props> = ({ children, navigation }) => { +const Header: React.FC<Props> = ({ navigation }) => { return ( <header className="bg-black text-white flex"> {navigation.map(({ name, route }) => ( diff --git a/src/components/ListTable.tsx b/src/components/ListTable.tsx index 5d899e0..9faa0ad 100644 --- a/src/components/ListTable.tsx +++ b/src/components/ListTable.tsx @@ -12,7 +12,7 @@ interface Props { } -const ListTable: React.FC<Props> = ({ children, items, fields, handleRowClick = () => {} }) => { +const ListTable: React.FC<Props> = ({ items, fields, handleRowClick = () => {} }) => { return ( <table className="m-2 table-auto w-full"> <thead> |