rebased

MinorityProgrammers · Mar 1, 2022 · 4259f5e · 4259f5e
1 parent 51cbd2c
commit 4259f5e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/pages/dashboard.js b/pages/dashboard.js
@@ -1,18 +1,28 @@
-import React, { useEffect, useState, useContext } from 'react';
+import React, {
+  useEffect, useState, useContext, useRef,
+} from 'react';
 import HomepageNav from '../components/homepage/HomepageNav';
 import { GlobalContext } from '../contexts/provider';
 import Layout from '../components/Layout';
 import Overview from '../components/dashboard/Overview';
 import SidebarTwo from '../components/sidebar/SidebarTwo';
 import links from '../contexts/utils/links';
 import Footer from '../components/Footer';
+import ComingSoon from '../components/ComingSoon';
+import useDetectOutsideClick from '../components/UseDetectOutsideClick';
 
 const index = () => {
   const [userData, setUserData] = useState({});
   const [token, setToken] = useState('');
   const [loading, setLoading] = useState(true);
   const [open, setOpen] = useState(false);
   const [, setData] = useState([]);
+  const dropdownRef = useRef(null);
+  const [hide, setHide] = useDetectOutsideClick(dropdownRef, false);
+
+  const handleClick = () => {
+    setHide(!hide);
+  };
 
   const {
     authState: {
@@ -43,6 +53,7 @@ const index = () => {
   return (
     <Layout pageTitle="Dashboard">
       {/* <DashboardNavbar /> */}
+      {hide === false && <ComingSoon closeClick={handleClick} />}
       <HomepageNav
         open={open}
         setData={setData}

diff --git a/pages/wallet.js b/pages/wallet.js
@@ -1,18 +1,29 @@
-import React, { useEffect, useState, useContext } from 'react';
+import React, {
+  useEffect, useState, useContext, useRef,
+} from 'react';
 import HomepageNav from '../components/homepage/HomepageNav';
 import { GlobalContext } from '../contexts/provider';
 import Layout from '../components/Layout';
 import WalletComponent from '../components/dashboard/wallet/WalletPage';
 import SidebarTwo from '../components/sidebar/SidebarTwo';
 import links from '../contexts/utils/links';
 import Footer from '../components/Footer';
+import ComingSoon from '../components/ComingSoon';
+import useDetectOutsideClick from '../components/UseDetectOutsideClick';
+
 
 const index = () => {
   const [userData, setUserData] = useState({});
   const [token, setToken] = useState('');
   const [loading, setLoading] = useState(true);
   const [open, setOpen] = useState(false);
   const [, setData] = useState([]);
+  const dropdownRef = useRef(null);
+  const [hide, setHide] = useDetectOutsideClick(dropdownRef, false);
+
+  const handleClick = () => {
+    setHide(!hide);
+  };
 
   const {
     authState: {
@@ -49,6 +60,7 @@ const index = () => {
         page="CreateProfile"
       />
       <SidebarTwo open={open} setOpen={setOpen} links={links} active="Home" />
+      {hide === false && <ComingSoon closeClick={handleClick} />}
       <div
         className="container dashboard-overall-container d-flex"
         style={{ padding: 0 }}