Merge branch 'develop' of https://github.com/ongama-team/ongama-nft-w…

…eb-app into fix-wallet-connect-modal-responsivity
ongama-team · Aug 1, 2022 · 9c0e359 · 9c0e359
2 parents 42671b9 + 258798f
commit 9c0e359
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/pages/create/index.tsx b/pages/create/index.tsx
@@ -1,9 +1,24 @@
 /* eslint-disable @next/next/no-page-custom-font */
-import React from "react";
+import React, { useEffect, useLayoutEffect } from "react";
 import CreateNftPage from "@components/CreateNftPage";
 import Head from "next/head";
+import { useRecoilState, useRecoilValue } from "recoil";
+import { walletAddressAtom, walletAtom } from "@lib/atoms";
+import { useRouter } from "next/router";
+
+const Create = () => {
+  const routes = useRouter();
+  const { address } = useRecoilValue(walletAddressAtom);
+  const [isWalletsDisplayed, setIsWalletsDisplayed] =
+    useRecoilState(walletAtom);
+
+  useLayoutEffect(() => {
+    if (!address) {
+      routes.push("/");
+      setIsWalletsDisplayed(!isWalletsDisplayed);
+    }
+  }, [address]);
 
-const create = () => {
   return (
     <>
       <Head>
@@ -16,4 +31,4 @@ const create = () => {
   );
 };
 
-export default create;
+export default Create;