nit: center connect wallet warning

rsproule · Jan 3, 2024 · da7ed27 · da7ed27
1 parent f37a3fb
commit da7ed27
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/frontend/src/app/games/page.tsx b/frontend/src/app/games/page.tsx
@@ -6,7 +6,13 @@ import {
   useTankGamePlayersCount,
 } from "@/src/generated";
 import { useEffect, useState } from "react";
-import { Address, useAccount, useBalance, useBlockNumber, useNetwork } from "wagmi";
+import {
+  Address,
+  useAccount,
+  useBalance,
+  useBlockNumber,
+  useNetwork,
+} from "wagmi";
 import { getPublicClient } from "wagmi/actions";
 import CreateGameForm from "@/src/components/CreateGameForm";
 import {
@@ -54,7 +60,17 @@ export default function GamesList() {
   }, [blockNumber]);
 
   if (!address) {
-    return <div>Connect your wallet to see games.</div>;
+    return;
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100vh",
+      }}
+    >
+      Connect your wallet to see games.
+    </div>;
   }
   return (
     <div className="container pb-20">