new wallet manager

Author: geraBarboni

src/components/walletManager/index.tsx

@@ -95,14 +95,14 @@ const Index = () => {
               </div>
             </div>
           ) : (
-            <div className="flex gap-3 items-center">
+            <div className="flex gap-3 items-center" onClick={() => setShowWallets(true)}>
               <p
                 className={`items-center text-center bg-oppurple text-[14px] uppercase w-full justify-center text-opwhite font-normal tracking-[1.25px] ${archivo.className}`}
               >
                 connect
               </p>
               <div className="p-2 cursor-pointer">
-                <FaAngleDown onClick={() => setShowWallets(true)} />
+                <FaAngleDown />
               </div>
             </div>
           )}

src/pages/claim/[claim].tsx

@@ -67,8 +67,12 @@ export default function Claim() {
     isBeneficiary && findContractCanClaimInLocalStorage(contractAddress, account?.address);
   }, [isBeneficiary]);
 
+  useEffect(() => {
+    account === undefined && router.push('/');
+  }, [account]);
+
   return (
-    <main className={`flex flex-col md:flex-row ${archivo.className}`}>
+    <main className={account ? `flex flex-col md:flex-row ${archivo.className}` : `flex flex-col ${archivo.className}`}>
       <Nav />
       <div className="w-10/12 md:w-8/12 overflow-x-auto min-h-screen mx-auto flex flex-col gap-[40px] py-[10vh] md:py-0 md:pb-[20vh]">
         <div className="hidden md:flex h-[100px] justify-end">

src/pages/claim/index.tsx

@@ -23,7 +23,7 @@ export default function Claim() {
     useFindContractToClaim();
 
   return (
-    <main className={`flex flex-col md:flex-row ${archivo.className}`}>
+    <main className={account ? `flex flex-col md:flex-row ${archivo.className}` : `flex flex-col ${archivo.className}`}>
       <Nav />
       <Toaster
         position="top-right"

src/pages/contracts/[contract].tsx

@@ -61,21 +61,18 @@ export default function Contract() {
     const textToCopy = contractAddress;
     textToCopy !== undefined && navigator.clipboard.writeText(textToCopy.toString());
     setCopied(true);
+    toast('👍 Address copied');
     setTimeout(function () {
       setCopied(false);
     }, 5000);
   };
 
-  const [toAdd, settoAdd] = useState<any | undefined>(undefined);
-  const transfer = useTransfer();
-
   useEffect(() => {
-    console.log('toAdd', toAdd);
-    console.log('contractAddress', contractAddress);
-  }, [toAdd]);
+    account === undefined && router.push('/');
+  }, [account]);
 
   return (
-    <main className={`flex flex-col md:flex-row ${archivo.className}`}>
+    <main className={account ? `flex flex-col md:flex-row ${archivo.className}` : `flex flex-col ${archivo.className}`}>
       <Nav />
       <Toaster
         position="top-right"
@@ -120,16 +117,6 @@ export default function Contract() {
                   )}
                 </div>
                 <div className="flex gap-[20px] ml-auto md:ml-0">
-                  <div>
-                    {/* TODO: Add funds */}
-                    <Button
-                      type="active"
-                      text="add funds"
-                      action={() => transfer?.signAndSend(contractAddress!, toAdd)}
-                    />
-                    <input type="number" onChange={(e) => settoAdd(e.target.value)} />
-                    <p>Hash {transfer?.hash || '--'}</p>
-                  </div>
                   <Link href={`/edit/${contractAddress}`}>
                     <Button type="active" text="edit" />
                   </Link>

src/pages/contracts/index.tsx

@@ -31,9 +31,7 @@ export default function Contracts() {
   const { ownerContracts, getStoredContracts } = context;
 
   useEffect(() => {
-    console.log(account);
     account === undefined && router.push('/');
-    // router.push('/dashboard')
   }, [account]);
 
   useEffect(() => {

src/pages/create/index.tsx

@@ -13,7 +13,6 @@ import StepTwo from '../../components/create/steps/stepTwo';
 import StepThree from '../../components/create/steps/stepThree';
 import StepFour from '../../components/create/steps/stepFour';
 import StepFive from '../../components/create/steps/stepFive';
-import Result from '../../components/create/results';
 import Text from '@/components/generals/text';
 
 import { useWallet } from 'useink';
@@ -27,6 +26,8 @@ import { Toaster } from 'react-hot-toast';
 //---------------------------------Interfaces---------------------------------
 
 const Index = () => {
+  const router = useRouter();
+  const { account } = useWallet();
   const createContext = useContext(CreateContext);
 
   if (!createContext) {
@@ -45,8 +46,12 @@ const Index = () => {
     }
   };
 
+  useEffect(() => {
+    account === undefined && router.push('/');
+  }, [account]);
+
   return (
-    <main className={`flex flex-col md:flex-row ${archivo.className}`}>
+    <main className={account ? `flex flex-col md:flex-row ${archivo.className}` : `flex flex-col ${archivo.className}`}>
       <Nav />
       <Toaster
         position="top-right"

src/pages/edit/[edit].tsx

@@ -4,7 +4,7 @@ import Text from '../../components/generals/text';
 import Button from '../../components/generals/button';
 import { Archivo } from 'next/font/google';
 import { useRouter } from 'next/router';
-import { useContract } from 'useink';
+import { useContract, useWallet } from 'useink';
 import WalletManager from '@/components/walletManager';
 const archivo = Archivo({ subsets: ['latin'] });
 import metadata from '../../contract/open_payroll.json';
@@ -16,6 +16,7 @@ import toast, { Toaster } from 'react-hot-toast';
 import Loader from '@/components/generals/Loader';
 
 export default function Edit() {
+  const { account } = useWallet();
   //---------------------------------Get contract address---------------------------------
   const router = useRouter();
   const {
@@ -28,7 +29,9 @@ export default function Edit() {
   //---------------------------------Get contract---------------------------------
   const _contract = useContract(contractAddress, metadata);
 
-  // Tabs
+  useEffect(() => {
+    account === undefined && router.push('/');
+  }, [account]);
 
   useEffect(() => {
     if (edit?.toString()) {
@@ -43,7 +46,7 @@ export default function Edit() {
   }, [_contract]);
 
   return (
-    <main className={`flex flex-col md:flex-row ${archivo.className}`}>
+    <main className={account ? `flex flex-col md:flex-row ${archivo.className}` : `flex flex-col ${archivo.className}`}>
       <Nav />
       <Toaster
         position="top-right"