Merge branch 'preview'

Author: pdelfan

Diff for: src/components/contentDisplay/profileCard/ProfileCard.tsx

@@ -3,6 +3,7 @@ import Avatar from "@/components/dataDisplay/avatar/Avatar";
 import Link from "next/link";
 import ViewerInfo from "@/components/dataDisplay/viewerInfo/ViewerInfo";
 import { memo } from "react";
+import { isInvalidHandle } from "@/lib/utils/text";
 
 interface Props {
   profile: ProfileView;
@@ -37,9 +38,13 @@ const ProfileCard = memo(function ProfileCard(props: Props) {
                   ))}
               </div>
 
-              <h3 className="text-skin-tertiary break-all font-medium">
-                @{profile?.handle}
-              </h3>
+              {isInvalidHandle(profile?.handle) ? (
+                <ViewerInfo text="Invalid Handle" />
+              ) : (
+                <h3 className="text-skin-tertiary break-all font-medium">
+                  @{profile?.handle}
+                </h3>
+              )}
             </div>
           </div>
         </div>

Diff for: src/components/contentDisplay/profileHeader/ProfileHeader.tsx

@@ -19,6 +19,7 @@ import ProfileBio from "@/components/dataDisplay/profileBio/ProfileBio";
 import usePreferences from "@/lib/hooks/bsky/actor/usePreferences";
 import EditProfile from "@/components/actions/editProfile/EditProfile";
 import JoinedDate from "@/components/dataDisplay/joinedDate/JoinedDate";
+import { isInvalidHandle } from "@/lib/utils/text";
 
 interface Props {
   handle: string;
@@ -142,9 +143,14 @@ export default function ProfileHeader(props: Props) {
                 )}
               </div>
             </div>
-            <h2 className="text-skin-tertiary break-all font-medium">
-              @{profile?.handle}
-            </h2>
+            {isInvalidHandle(profile?.handle) ? (
+              <ViewerInfo text="Invalid Handle" />
+            ) : (
+              <h2 className="text-skin-tertiary break-all font-medium">
+                @{profile?.handle}
+              </h2>
+            )}
+
             {profile?.description && (
               <ProfileBio description={profile.description} />
             )}

Diff for: src/lib/utils/text.ts

@@ -1,5 +1,4 @@
 import { JSONContent } from "@tiptap/react";
-import { AppBskyFeedThreadgate } from "@atproto/api";
 
 export function getHandle(mention: string) {
   return mention.slice(1);
@@ -27,6 +26,10 @@ export function getShortAddress(url: string) {
   return text;
 }
 
+export function isInvalidHandle(handle: string): boolean {
+  return handle === "handle.invalid";
+}
+
 export function getNotificationLabel(reason: string) {
   switch (reason) {
     case "like":