From db4afadffa4aac70b6ceeca08a09f34fe4327b94 Mon Sep 17 00:00:00 2001
From: asiaznik <artur@vegaprotocol.io>
Date: Wed, 18 Oct 2023 16:52:38 +0200
Subject: [PATCH] chore: error message

---
 .../client-pages/referrals/referrals.tsx      | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/apps/trading/client-pages/referrals/referrals.tsx b/apps/trading/client-pages/referrals/referrals.tsx
index 0a9568b2a..39237cc82 100644
--- a/apps/trading/client-pages/referrals/referrals.tsx
+++ b/apps/trading/client-pages/referrals/referrals.tsx
@@ -27,15 +27,24 @@ const Nav = () => (
 export const Referrals = () => {
   const { pubKey } = useVegaWallet();
 
-  const { data: referee, loading: refereeLoading } = useReferral({
+  const {
+    data: referee,
+    loading: refereeLoading,
+    error: refereeError,
+  } = useReferral({
     pubKey,
     role: 'referee',
   });
-  const { data: referrer, loading: referrerLoading } = useReferral({
+  const {
+    data: referrer,
+    loading: referrerLoading,
+    error: referrerError,
+  } = useReferral({
     pubKey,
     role: 'referrer',
   });
 
+  const error = refereeError || referrerError;
   const loading = refereeLoading || referrerLoading;
   const showNav = !loading && !referrer && !referee;
 
@@ -47,13 +56,17 @@ export const Referrals = () => {
       <div
         className={classNames({
           'py-16': showNav,
-          'h-[300px] relative': loading,
+          'h-[300px] relative': loading || error,
         })}
       >
         {loading ? (
           <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
             <Loader />
           </div>
+        ) : error ? (
+          <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+            Something went wrong
+          </div>
         ) : (
           <Outlet />
         )}