wip

src/shared/user.tsx

@@ -1,12 +1,12 @@
 import { Popover, Transition } from "@headlessui/react";
 import { Image } from "@shared/image";
-import { Link } from "@shared/link";
 import { DEFAULT_AVATAR } from "@stores/constants";
 import { useProfile } from "@utils/hooks/useProfile";
 import { shortenKey } from "@utils/shortenKey";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { Fragment } from "react";
+import { Link } from "react-router-dom";
 
 dayjs.extend(relativeTime);
 
@@ -96,13 +96,13 @@ export function User({
 						</div>
 						<div className="flex items-center gap-2 px-3 py-3">
 							<Link
-								href={`/app/user?pubkey=${pubkey}`}
+								to={`/app/user/${pubkey}`}
 								className="inline-flex h-10 flex-1 items-center justify-center rounded-md bg-zinc-700 hover:bg-fuchsia-500 text-sm font-medium"
 							>
 								View profile
 							</Link>
 							<Link
-								href={`/app/chat?pubkey=${pubkey}`}
+								to={`/app/chat/${pubkey}`}
 								className="inline-flex h-10 flex-1 items-center justify-center rounded-md bg-zinc-700 hover:bg-fuchsia-500 text-sm font-medium"
 							>
 								Message