From 882a7716d7e06624fff189bdcdb0cb846b756aa5 Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Fri, 3 Oct 2025 16:12:27 -0700
Subject: [PATCH] refactor: move suspense up to card actions

---
 .../features/cards/components/urlCard/UrlCard.tsx    | 12 +++++++++++-
 .../components/urlCardActions/UrlCardActions.tsx     |  2 +-
 src/webapp/next-env.d.ts                             |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/webapp/features/cards/components/urlCard/UrlCard.tsx b/src/webapp/features/cards/components/urlCard/UrlCard.tsx
index 20eca60e..b067390c 100644
--- a/src/webapp/features/cards/components/urlCard/UrlCard.tsx
+++ b/src/webapp/features/cards/components/urlCard/UrlCard.tsx
@@ -8,6 +8,7 @@ import {
   Group,
   Anchor,
   AspectRatio,
+  Skeleton,
 } from '@mantine/core';
 import Link from 'next/link';
 import UrlCardActions from '../urlCardActions/UrlCardActions';
@@ -69,7 +70,16 @@ export default function UrlCard(props: Props) {
             )}
           </Group>
 
-          <Suspense>
+          <Suspense
+            fallback={
+              <Group justify="space-between">
+                <Group gap={'xs'}>
+                  <Skeleton w={22} h={22} />
+                </Group>
+                <Skeleton w={22} h={22} />
+              </Group>
+            }
+          >
             <UrlCardActions
               cardContent={props.cardContent}
               id={props.id}
diff --git a/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx b/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
index 102d84c4..be75bd07 100644
--- a/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
+++ b/src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
@@ -27,7 +27,7 @@ export default function UrlCardActions(props: Props) {
   // assume the current user is the card owner if authorHandle isn't passed
   const isAuthor = props.authorHandle
     ? user?.handle === props.authorHandle
-    : true;
+    : false;
   const [showEditNoteModal, setShowEditNoteModal] = useState(false);
   const [showRemoveFromCollectionModal, setShowRemoveFromCollectionModal] =
     useState(false);
diff --git a/src/webapp/next-env.d.ts b/src/webapp/next-env.d.ts
index 1b3be084..830fb594 100644
--- a/src/webapp/next-env.d.ts
+++ b/src/webapp/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
-- 
2.51.2