UI/backButton: use button and icon component

This commit is contained in:
Johannes Kirschbauer
2024-11-26 13:55:58 +01:00
parent e3b4797ae1
commit 4b188c82f7

View File

@@ -1,10 +1,15 @@
import { useNavigate } from "@solidjs/router"; import { useNavigate } from "@solidjs/router";
import { Button } from "./button";
import Icon from "./icon";
export const BackButton = () => { export const BackButton = () => {
const navigate = useNavigate(); const navigate = useNavigate();
return ( return (
<button class="btn btn-square btn-ghost" onClick={() => navigate(-1)}> <Button
<span class="material-icons ">arrow_back_ios</span> variant="light"
</button> class="w-fit"
onClick={() => navigate(-1)}
startIcon={<Icon icon="ArrowLeft" />}
></Button>
); );
}; };