/ packages / frontend / src / components / common / BackButton.tsx
BackButton.tsx
 1  // SPDX-FileCopyrightText: 2024 Mass Labs
 2  //
 3  // SPDX-License-Identifier: GPL-3.0-or-later
 4  
 5  import { useRouter } from "@tanstack/react-router";
 6  
 7  export default function BackButton({
 8    onClick,
 9  }: {
10    onClick?: () => void;
11  }) {
12    const router = useRouter();
13    return (
14      <button
15        onClick={onClick ? onClick : () => router.history.back()}
16        className="flex gap-1 items-center p-0 mt-3"
17        style={{ color: "black" }}
18        type="button"
19      >
20        <img
21          src="/icons/chevron-left.svg"
22          width={8}
23          height={8}
24          alt="chevron-left"
25          className="w-3 h-3"
26        />
27        Back
28      </button>
29    );
30  }