Fix Forum Loading Screen Text (#4102)

packages/ui/src/app/pages/Forum/ForumCategory.tsx

@@ -33,7 +33,7 @@ export const ForumCategory = () => {
   const { id, type } = useParams<{ id: string; type?: 'archive' }>()
   const isArchive = type === 'archive'
 
-  const { category } = useForumCategory(id)
+  const { category, isLoading: isLoadingCategory, hasError } = useForumCategory(id)
   const { order, getSortProps } = useSort<ForumThreadOrderByInput>('updatedAt')
   const {
     isLoading: isLoadingThreads,
@@ -59,6 +59,14 @@ export const ForumCategory = () => {
     return <Loading />
   }
 
+  if (isLoadingCategory) {
+    return <Loading />
+  }
+
+  if (hasError) {
+    return <EmptyPagePlaceholder title="Something went wrong fetching this thread" copy="" button={null} />
+  }
+
   if (!category) {
     return <EmptyPagePlaceholder title="There is no data in the category" copy="" button={null} />
   }

packages/ui/src/forum/hooks/useForumCategory.ts

@@ -2,10 +2,10 @@ import { useGetForumCategoryQuery } from '@/forum/queries'
 import { asCategoryWithDetails } from '@/forum/types/ForumCategoryWithDetails'
 
 export const useForumCategory = (id: string) => {
-  const { loading, data } = useGetForumCategoryQuery({ variables: { where: { id } } })
-
+  const { loading, data, error } = useGetForumCategoryQuery({ variables: { where: { id } } })
   return {
     isLoading: loading,
     category: data?.forumCategoryByUniqueInput && asCategoryWithDetails(data.forumCategoryByUniqueInput),
+    hasError: !!error,
   }
 }