From 8996d73eff427dd7e43c5f9d468800a8a54fc7b5 Mon Sep 17 00:00:00 2001
From: Jacob Homanics <homanicsjake@gmail.com>
Date: Mon, 9 Dec 2024 14:37:36 -0600
Subject: [PATCH] better handling of unapproved projects (#3731)

---
 .../src/features/round/ViewProjectDetails.tsx      | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/grant-explorer/src/features/round/ViewProjectDetails.tsx b/packages/grant-explorer/src/features/round/ViewProjectDetails.tsx
index e3f12f080..3e0e6c7ae 100644
--- a/packages/grant-explorer/src/features/round/ViewProjectDetails.tsx
+++ b/packages/grant-explorer/src/features/round/ViewProjectDetails.tsx
@@ -102,7 +102,11 @@ export default function ViewProjectDetails() {
     applicationId = paramApplicationId;
   }
 
-  const { data: application, error } = useApplication(
+  const {
+    data: application,
+    error,
+    isLoading,
+  } = useApplication(
     {
       chainId: Number(chainId as string),
       roundId,
@@ -230,7 +234,7 @@ export default function ViewProjectDetails() {
         ),
       },
     ],
-    [stats, grants, projectToRender, description]
+    [stats, grants, projectToRender, description, isLoading]
   );
 
   const handleTabChange = (tabIndex: number) => {
@@ -283,7 +287,9 @@ export default function ViewProjectDetails() {
             />
           )}
           <div className="flex-1">
-            {error === undefined ? (
+            {error === undefined &&
+            !isLoading &&
+            projectToRender !== undefined ? (
               <>
                 <Skeleton isLoaded={Boolean(title)}>
                   <h1 className="text-4xl font-modern-era-medium tracking-tight text-grey-500">
@@ -301,7 +307,7 @@ export default function ViewProjectDetails() {
                 </div>
               </>
             ) : (
-              <p>Couldn't load project data.</p>
+              <p>Couldn't load project data. It may not exist.</p>
             )}
           </div>
         </div>