🐛 fix: replace anchor tags with Link components for improved routing in user subscription and footer

This commit is contained in:
web 2025-12-15 06:50:17 -08:00
parent 46cbdeafd4
commit 227e922958
2 changed files with 22 additions and 16 deletions

View File

@ -1,3 +1,4 @@
import { Link } from "@tanstack/react-router";
import { Button } from "@workspace/ui/components/button"; import { Button } from "@workspace/ui/components/button";
import { import {
DropdownMenu, DropdownMenu,
@ -207,32 +208,36 @@ function RowMoreActions({ userId, subId }: { userId: number; subId: number }) {
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="end"> <DropdownMenuContent align="end">
<DropdownMenuItem asChild> <DropdownMenuItem asChild>
<a <Link
href={`/dashboard/log/subscribe?user_id=${userId}&user_subscribe_id=${subId}`} search={{ user_id: userId, user_subscribe_id: subId }}
to="/dashboard/log/subscribe"
> >
{t("subscriptionLogs", "Subscription Logs")} {t("subscriptionLogs", "Subscription Logs")}
</a> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem asChild> <DropdownMenuItem asChild>
<a <Link
href={`/dashboard/log/reset-subscribe?user_id=${userId}&user_subscribe_id=${subId}`} search={{ user_id: userId, user_subscribe_id: subId }}
to="/dashboard/log/reset-subscribe"
> >
{t("resetLogs", "Reset Logs")} {t("resetLogs", "Reset Logs")}
</a> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem asChild> <DropdownMenuItem asChild>
<a <Link
href={`/dashboard/log/subscribe-traffic?user_id=${userId}&user_subscribe_id=${subId}`} search={{ user_id: userId, user_subscribe_id: subId }}
to="/dashboard/log/subscribe-traffic"
> >
{t("trafficStats", "Traffic Stats")} {t("trafficStats", "Traffic Stats")}
</a> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem asChild> <DropdownMenuItem asChild>
<a <Link
href={`/dashboard/log/traffic-details?user_id=${userId}&subscribe_id=${subId}`} search={{ user_id: userId, subscribe_id: subId }}
to="/dashboard/log/traffic-details"
> >
{t("trafficDetails", "Traffic Details")} {t("trafficDetails", "Traffic Details")}
</a> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem <DropdownMenuItem
onSelect={(e) => { onSelect={(e) => {

View File

@ -1,5 +1,6 @@
"use client"; "use client";
import { Link } from "@tanstack/react-router";
import { Separator } from "@workspace/ui/components/separator"; import { Separator } from "@workspace/ui/components/separator";
import { Icon } from "@workspace/ui/composed/icon"; import { Icon } from "@workspace/ui/composed/icon";
import { Fragment, useMemo } from "react"; import { Fragment, useMemo } from "react";
@ -112,12 +113,12 @@ export default function Footer() {
<strong className="text-foreground">{site.site_name}</strong> ©{" "} <strong className="text-foreground">{site.site_name}</strong> ©{" "}
{t("footer.copyright", "All rights reserved")}. {t("footer.copyright", "All rights reserved")}.
<div> <div>
<a className="underline" href="/tos"> <Link className="underline" to="/tos">
{t("footer.tos", "Terms of Service")} {t("footer.tos", "Terms of Service")}
</a> </Link>
<a className="ml-2 underline" href="/privacy-policy"> <Link className="ml-2 underline" to="/privacy-policy">
{t("footer.privacyPolicy", "Privacy Policy")} {t("footer.privacyPolicy", "Privacy Policy")}
</a> </Link>
</div> </div>
</div> </div>
</div> </div>