diff --git a/frontend/app/manage/[id]/page.tsx b/frontend/app/manage/[id]/page.tsx index c1c9d88..2aa326b 100644 --- a/frontend/app/manage/[id]/page.tsx +++ b/frontend/app/manage/[id]/page.tsx @@ -2,11 +2,12 @@ import { deleteLink, getLinkInfo } from "@/app/utils/api"; import { Clipboard } from "lucide-react"; -import { redirect, useParams } from "next/navigation"; +import { useRouter, useParams } from "next/navigation"; import { useEffect, useState } from "react"; export default function Home() { const params = useParams(); + const router = useRouter(); const [errorMessage, setErrorMessage] = useState(null); const [successMessage, setSuccessMessage] = useState(null); @@ -16,6 +17,7 @@ export default function Home() { const [manageUrl, setManageUrl] = useState(null); const [linkInfo, setLinkInfo] = useState<{ + longUrl: string; shortUrl: string; manageUrl: string; title: string; @@ -28,12 +30,11 @@ export default function Home() { setLoading(true); try { await deleteLink(params.id?.toString() || ""); - redirect("/"); + router.push("/"); } catch (err) { console.error(err); setErrorMessage("Failed to delete the link. Please try again."); setSuccessMessage(null); - } finally { setLoading(false); } } @@ -89,6 +90,9 @@ export default function Home() { +

Redirects to:

+

{linkInfo.longUrl}

+

Created at:

{new Date(linkInfo.createdAt).toLocaleString()}

diff --git a/frontend/app/utils/api.ts b/frontend/app/utils/api.ts index eaf40f7..a6057a6 100644 --- a/frontend/app/utils/api.ts +++ b/frontend/app/utils/api.ts @@ -28,6 +28,7 @@ export async function shortenLink(longUrl: string): Promise<{ } export async function getLinkInfo(id: string): Promise<{ + longUrl: string; shortUrl: string; manageUrl: string; title: string; @@ -47,6 +48,7 @@ export async function getLinkInfo(id: string): Promise<{ return { title: sl.title, + longUrl: sl.url, shortUrl: API_BASE_URL + "/l/" + sl.code, manageUrl: FRONTEND_BASE_URL + "/manage/" + sl.id, createdAt: sl.createdAt,