UI/backButton: use button and icon component
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user