diff --git a/Client/src/Components/Button/index.jsx b/Client/src/Components/Button/index.jsx index 034a1823f..f357e1dd2 100644 --- a/Client/src/Components/Button/index.jsx +++ b/Client/src/Components/Button/index.jsx @@ -24,35 +24,22 @@ const levelConfig = { * @typedef {Object} Props * @property {'primary' | 'secondary' | 'tertiary' | 'error'} level - The level of the button * @property {string} label - The label of the button - * @property {React.ReactNode} [startIcon] - Icon prepended to the label - * @property {React.ReactNode} [endIcon] - Icon appended to the button label * @property {boolean} [disabled] - Whether the button is disabled - * @property {(event: React.MouseEvent) => void} [onClick] - The click handler of the button */ -const Button = ({ level, label, disabled, startIcon, endIcon, onClick }) => { +const Button = ({ level, label, disabled }) => { const { variant, color } = levelConfig[level]; return ( - + {label} ); }; Button.propTypes = { - level: PropTypes.oneOf(["primary", "secondary", "tertiary", "error"]), + level: PropTypes.string.isRequired, label: PropTypes.string.isRequired, - startIcon: PropTypes.node, - endIcon: PropTypes.node, disabled: PropTypes.bool, - onClick: PropTypes.func, }; export default Button; diff --git a/Client/src/Pages/Home/index.jsx b/Client/src/Pages/Home/index.jsx index d0e2eebbc..849489ff8 100644 --- a/Client/src/Pages/Home/index.jsx +++ b/Client/src/Pages/Home/index.jsx @@ -2,7 +2,6 @@ import React from "react"; import DropdownTeamMember from "../../Components/DropdownTeamMember"; import "./index.css"; import Button from "../../Components/Button"; -import SettingsIcon from "@mui/icons-material/Settings"; const Home = () => { return ( @@ -14,24 +13,10 @@ const Home = () => { >

Buttons

-

Disabled Buttons

@@ -40,19 +25,6 @@ const Home = () => {
-

Image Button

-
-
);