Merge pull request #17 from farcasterxyz/horsefacts/link-to-warpcast

feat: add external links to warpcast
farcasterxyz · Jan 26, 2024 · a2a2cd8 · a2a2cd8
2 parents 1387d9f + cfd439d
commit a2a2cd8
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 8 deletions.
diff --git a/web/src/app/api/auth/[...nextauth]/route.ts b/web/src/app/api/auth/[...nextauth]/route.ts
@@ -31,7 +31,7 @@ export const authOptions = {
         const verifyResponse = await appClient.verifySignInMessage({
           message: credentials!.message as string,
           signature: credentials!.signature as `0x${string}`,
-          domain: "https://localhost:3000",
+          domain: "example.com",
           nonce: credentials!.csrfToken,
         });
 

diff --git a/web/src/components/avatar/Avatar.tsx b/web/src/components/avatar/Avatar.tsx
@@ -8,7 +8,6 @@ const fallbackUrl = "/default-avatar.png";
 type AvatarProps = {
   size?: "sm" | "md" | "lg";
   user: User;
-  pfpDiameter?: number;
 };
 export function Avatar({ size = "md", user }: AvatarProps) {
   const [src, setSrc] = useState(user.pfp_url || fallbackUrl);

diff --git a/web/src/components/feed/Cast.tsx b/web/src/components/feed/Cast.tsx
@@ -11,13 +11,29 @@ type CastProps = {
 export function Cast({ cast }: CastProps) {
   return (
     <div className="flex flex-row gap-2 border-b-gray-200 px-4 py-3 [&:not(:first-child)]:border-t">
-      <Avatar user={cast.user} />
+      <a href={`https://warpcast.com/${cast.user.username}`} target="_blank">
+        <Avatar user={cast.user} />
+      </a>
       <div className="flex flex-col">
         <div className="flex flex-row items-center">
-          <span className="mr-1 font-bold">{cast.user.display_name}</span>
+          <span className="mr-1 font-bold">
+            <a
+              href={`https://warpcast.com/${cast.user.username}`}
+              target="_blank"
+              className="hover:underline"
+            >
+              {cast.user.display_name}
+            </a>
+          </span>
           <span className="mr-1 text-gray-500">@{cast.user.username}</span>·
           <span className="ml-1 text-gray-500">
-            {formatDistance(new Date(), cast.timestamp)}
+            <a
+              href={`https://warpcast.com/${cast.user.username}/0x${cast.hash}`}
+              target="_blank"
+              className="hover:underline"
+            >
+              {formatDistance(new Date(), cast.timestamp)}
+            </a>
           </span>
         </div>
         <div

diff --git a/web/src/components/login/Login.tsx b/web/src/components/login/Login.tsx
@@ -34,7 +34,7 @@ export default function Login() {
         relay: "https://relay.farcaster.xyz",
         rpcUrl: "https://mainnet.optimism.io",
         siweUri: "https://localhost:3000",
-        domain: "https://localhost:3000",
+        domain: "example.com",
       }}
     >
       <SignInButton

diff --git a/web/src/components/profile/Profile.tsx b/web/src/components/profile/Profile.tsx
@@ -11,9 +11,19 @@ export function Profile({ user }: ProfileProps) {
   return (
     <div className="flex flex-col p-4">
       <div className="flex flex-row place-items-center">
-        <Avatar user={user} pfpDiameter={72} />
+        <a href={`https://warpcast.com/${user.username}`} target="_blank">
+          <Avatar user={user} size="lg" />
+        </a>
         <div className="ml-4 flex flex-col">
-          <span className="font-bold">{user.display_name}</span>
+          <span className="font-bold">
+            <a
+              href={`https://warpcast.com/${user.username}`}
+              target="_blank"
+              className="hover:underline"
+            >
+              {user.display_name}
+            </a>
+          </span>
           <span className="text-gray-500">@{user.username}</span>
           <div className="mt-2">
             <Linkify>{user.bio}</Linkify>