pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Merge remote-tracking branch 'movie-web/dev'
+4
-6
+4
-6
src/components/player/base/BackLink.tsx
+4
-6
src/components/player/base/BackLink.tsx
···
1
1
import { useTranslation } from "react-i18next";
2
-
import { useNavigate } from "react-router-dom";
2
+
import { Link } from "react-router-dom";
3
3
4
4
import { Icon, Icons } from "@/components/Icon";
5
5
6
6
export function BackLink(props: { url: string }) {
7
7
const { t } = useTranslation();
8
-
const navigate = useNavigate();
9
8
10
9
return (
11
10
<div className="flex items-center">
12
-
<button
13
-
type="button"
14
-
onClick={() => navigate(props.url)}
11
+
<Link
12
+
to={props.url}
15
13
className="py-1 -my-1 px-2 -mx-2 tabbable rounded-lg flex items-center cursor-pointer text-type-secondary hover:text-white transition-colors duration-200 font-medium"
16
14
>
17
15
<Icon className="mr-2" icon={Icons.ARROW_LEFT} />
18
16
<span className="md:hidden">{t("player.back.short")}</span>
19
17
<span className="hidden md:block">{t("player.back.default")}</span>
20
-
</button>
18
+
</Link>
21
19
</div>
22
20
);
23
21
}