🎨🤭 ↣ Failure to implement system-wide context from Vite package migra…

…tion

Signal-K/Silfur#25

client/client/pages/_app.jsx

@@ -1,7 +1,8 @@
 import '../styles/globals.css';
+import React from 'react';
 
 // Imports for proposals/voting section
-import { ProposalDetails, CreateProposal, Home, Profile } from './proposals';
+import { ProposalDetails, CreateProposal, Home, Profile } from './proposals/Home';
 
 function MyApp({ Component, pageProps }) {
   return <Component {...pageProps} />

client/client/pages/index.js

@@ -1,6 +1,6 @@
-import Head from 'next/head';
-import Image from 'next/image';
-import styles from '../styles/Home.module.css';
+import Head from 'next/head'
+import Image from 'next/image'
+import styles from '../styles/Home.module.css'
 
 export default function Home() {
   return (

client/client/pages/proposals/Home.jsx

@@ -0,0 +1,32 @@
+/*export { default as Home } from './Home';
+export { default as Profile } from './Profile';
+export { default as CreateProposal } from './CreateProposal';
+export { default as ProposalDetails } from './ProposalDetails';*/
+
+import React, { useState, useEffect } from "react";
+import { useStateContext } from './context';
+//import { DisplayProposals } from './components';
+
+const Home = () => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [proposals, setProposals] = useState([]); // Empty array, retrieved from the state context from onchain
+
+    const { address, contract, getProposals } = useStateContext(); /*
+    const fetchProposals = async () => { // This is to allow us to call this g.request in the useEffect (as the request is async in /context)
+        setIsLoading(true);
+        const data = await getProposals();
+        setProposals(data);
+        setIsLoading(false);
+    }
+
+    useEffect(() => {
+        if (contract) fetchProposals();
+        console.log(proposals);
+    }, [address, contract]); // Re-called when these change*/
+
+    return (
+        <div>Hello World</div>
+    )
+}
+
+export default Home;

client/client/pages/proposals/assets/index.js

@@ -0,0 +1,31 @@
+import createCampaign from './create-campaign.svg';
+import dashboard from './dashboard.svg';
+import logo from './logo.svg';
+import logout from './logout.svg';
+import payment from './payment.svg';
+import profile from './profile.svg';
+import sun from './sun.svg';
+import withdraw from './withdraw.svg';
+import tagType from './type.svg';
+import search from './search.svg';
+import menu from './menu.svg';
+import money from './money.svg';
+import loader from './loader.svg';
+import thirdweb from './thirdweb.png';
+
+export {
+  tagType,
+  createCampaign,
+  dashboard,
+  logo,
+  logout,
+  payment,
+  profile,
+  sun,
+  withdraw,
+  search,
+  menu,
+  money,
+  loader,
+  thirdweb,
+};