fix: verify before display

GatewayLabs · Jan 9, 2024 · 95e5c5e · 95e5c5e
1 parent 80e203a
commit 95e5c5e
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/src/app/(light)/dashboard/user/settings/components/developer-portal/widget-key.tsx b/src/app/(light)/dashboard/user/settings/components/developer-portal/widget-key.tsx
@@ -31,21 +31,25 @@ export default function WidgetKey({ orgId }: { orgId: string }) {
 
   return (
     <>
-      {widgetKeyMutation.isSuccess && widgetKeyMutation.data && (
-        <Card sx={{ width: '100%' }} variant="outlined">
-          <CardHeader
-            titleTypographyProps={{
-              variant: 'subtitle1',
-              fontWeight: 'bold',
-            }}
-            title={settings.developer_portal.widget_key}
-            action={<CopyButton text={widgetKeyMutation.data.item.accessId} />}
-          />
-          <CardContent>
-            <Typography>{widgetKeyMutation.data.item.accessId}</Typography>
-          </CardContent>
-        </Card>
-      )}
+      {widgetKeyMutation.isSuccess &&
+        widgetKeyMutation.data &&
+        widgetKeyMutation.data.item && (
+          <Card sx={{ width: '100%' }} variant="outlined">
+            <CardHeader
+              titleTypographyProps={{
+                variant: 'subtitle1',
+                fontWeight: 'bold',
+              }}
+              title={settings.developer_portal.widget_key}
+              action={
+                <CopyButton text={widgetKeyMutation.data.item.accessId} />
+              }
+            />
+            <CardContent>
+              <Typography>{widgetKeyMutation.data.item.accessId}</Typography>
+            </CardContent>
+          </Card>
+        )}
     </>
   );
 }