Feat/milestone trustful zuzalu d app interface

.env.example

@@ -8,4 +8,5 @@ BUCKET_FOLDER_PATH=
 ENDPIONT=
 NEXT_PUBLIC_SUPABASE_URL=
 NEXT_PUBLIC_SUPABASE_ANON_KEY=
-NEXT_PUBLIC_CONNECTOR_TOKEN=
+NEXT_PUBLIC_CONNECTOR_TOKEN=
+NEXT_PUBLIC_RAILWAY_TRUSTFUL=

app/layout.tsx

@@ -14,8 +14,8 @@ import React, { useEffect, useState } from 'react';
 import { ZupassProvider } from '@/context/ZupassContext';
 import '@/utils/yupExtensions';
 import Dialog from '@/app/spaces/components/Modal/Dialog';
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { LitProvider } from '@/context/LitContext';
+import { TrustfulContextProvider } from '@/context/TrustfulContext';
+import { Toaster } from 'react-hot-toast';
 
 const queryClient = new QueryClient();
 
@@ -30,7 +30,7 @@ function RootLayout({
   children: React.ReactNode;
 }>) {
   const [isClient, setIsClient] = useState(false);
-  // const [show, setShow] = useState(true);
+  const [show, setShow] = useState(true);
 
   useEffect(() => {
     setIsClient(true);
@@ -49,31 +49,31 @@ function RootLayout({
         <AppRouterCacheProvider>
           <ThemeProvider theme={theme}>
             <QueryClientProvider client={queryClient}>
-              <LitProvider>
-                <CeramicProvider>
-                  <WalletProvider>
-                    <ZupassProvider>
+              <CeramicProvider>
+                <WalletProvider>
+                  <ZupassProvider>
+                    <TrustfulContextProvider>
                       <AppContextProvider>
-                        <ReactQueryDevtools initialIsOpen={false} />
                         <Header />
                         {isClient && <AuthPrompt />}
-                        {/* {isClient && (
-                        <Dialog
-                          title="Upgrading Ceramic Node"
-                          message="We are currently upgrading our Ceramic node. Some data may be temporarily unavailable or inconsistent. We apologize for any inconvenience."
-                          showModal={show}
-                          onClose={() => setShow(false)}
-                          onConfirm={() => setShow(false)}
-                        />
-                      )} */}
+                        {isClient && (
+                          <Dialog
+                            title="Upgrading Ceramic Node"
+                            message="We are currently upgrading our Ceramic node. Some data may be temporarily unavailable or inconsistent. We apologize for any inconvenience."
+                            showModal={show}
+                            onClose={() => setShow(false)}
+                            onConfirm={() => setShow(false)}
+                          />
+                        )}
                         <div style={{ minHeight: `calc(100vh - 50px)` }}>
                           {children}
                         </div>
+                        <Toaster />
                       </AppContextProvider>
-                    </ZupassProvider>
-                  </WalletProvider>
-                </CeramicProvider>
-              </LitProvider>
+                    </TrustfulContextProvider>
+                  </ZupassProvider>
+                </WalletProvider>
+              </CeramicProvider>
             </QueryClientProvider>
           </ThemeProvider>
         </AppRouterCacheProvider>

app/spaces/[spaceid]/trustful/admin/components/AdminSection.tsx

@@ -0,0 +1,34 @@
+'use client';
+
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useEffect } from 'react';
+
+import { useParams, useRouter } from 'next/navigation';
+import { useAccount } from 'wagmi';
+import toast from 'react-hot-toast';
+
+import { DropdownMenuAdmin } from './DropdownMenuAdmin';
+
+export const AdminSection = () => {
+  const { address, chain } = useAccount();
+  const { push } = useRouter();
+  const params = useParams();
+
+  const actualURL = `/spaces/${params.spaceid}/trustful`;
+
+  // const { villagerAttestationCount } = useContext(WalletContext);
+  const villagerAttestationCount = Number(1);
+
+  useEffect(() => {
+    if (villagerAttestationCount === 0) {
+      toast.error('You have not checked in. Please check-in first.');
+      push('/pre-checkin');
+    }
+  }, [villagerAttestationCount]);
+
+  return (
+    <div>
+      <DropdownMenuAdmin />
+    </div>
+  );
+};