Show Safe error to user

givepraise · Sep 4, 2023 · 99c2073 · 99c2073
1 parent 40a5b40
commit 99c2073
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/frontend/src/pages/PeriodDetails/components/CreateAttestationsButton.tsx b/packages/frontend/src/pages/PeriodDetails/components/CreateAttestationsButton.tsx
@@ -20,7 +20,7 @@ export function CreateAttestationsButton({
   // Hooks
   const { periodId } = useParams<PeriodPageParams>();
   const { address } = useAccount();
-  const { safe } = useSafe();
+  const { safe, safeError } = useSafe();
 
   // Global state
   const period = useRecoilValue(SinglePeriod(periodId));
@@ -44,6 +44,19 @@ export function CreateAttestationsButton({
 
   const disabled = !userId || !address;
 
+  if (safeError) {
+    return (
+      <div>
+        <div>
+          <strong>Error:</strong> {safeError.message}
+        </div>
+        <div>
+          Make sure the community creator address is valid Safe account address.
+        </div>
+      </div>
+    );
+  }
+
   if (address && typeof isOwner === 'undefined') {
     return (
       <div>