techtransthai/fifty-shades-of-bully
6
0
Fork 1
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

handleClick for BlackButton

Browse source
This commit is contained in:
fufu-girl-meow 2025-06-24 00:53:53 +07:00
parent f855b88110
commit 77effde428
1 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/pages/components/customButton.jsx
View file

@ -1,12 +1,21 @@
import '../../css/customButton.css' import '../../css/customButton.css'
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
function BlackButton({ text , to="/"}) { function BlackButton({ text , to="/", onClick }) {
const navigate = useNavigate(); const navigate = useNavigate();
const handleClick = (e) => {
if (onClick) {
onClick(e);
}
if (!e.defaultPrevented && to) {
navigate(to, { replace: true });
}
};
return( return(
<button className='gray' onClick={()=> navigate(to, { replace: true })}>{text}</button> <button className='gray' onClick={handleClick}>{text}</button>
) )
} }
export default BlackButton export default BlackButton