pshenmic · denkravchu · Dec 25, 2024 · Dec 26, 2024 · Dec 26, 2024 · Dec 26, 2024
diff --git a/.env b/.env
@@ -1,2 +1,11 @@
 NEXT_PUBLIC_PASSWORD_ADMIN=adminadmin
-NEXT_PUBLIC_ADMIN_IDENTIFIER=2MfmHqYmAk1jAQNv7SsGJPT22MrfKFcHKZDc7cTu2biX
+# NEXT_PUBLIC_ADMIN_IDENTIFIER=Y6WwZ3LYETZjsekjWjoZWnSBu9o5P5MD4Z3HmVGJiYt
+NEXT_PUBLIC_ADMIN_IDENTIFIER=Y6WwZ3LYETZjsekjWjoZWnSBu9o5P5MD4Z3HmVGJiYt
+NEXT_PUBLIC_INITIAL_CLIENT=2MfmHqYmAk1jAQNv7SsGJPT22MrfKFcHKZDc7cTu2biX
+
+# contract Id
+
+# PROJECTS
+NEXT_PUBLIC_CONTRACT_ID_PROJECTS=pshenmic-dev-dfo
+NEXT_PUBLIC_CONTRACT_ID=GxWe9P43UAfWiMHpZzCXJaSwZkcqzvZR6wtgofyBG5cu
+# 
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "react-dom": "^18",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.52.2",
+    "react-intersection-observer": "^9.14.1",
     "react-router": "^6.21.1",
     "react-router-dom": "^6.21.1",
     "react-toastify": "^10.0.6",

diff --git a/public/assets/img/pictureOfaBlindfold.png b/public/assets/img/pictureOfaBlindfold.png
diff --git a/src/app/App.scss b/src/app/App.scss
@@ -15,7 +15,7 @@ body {
     overflow: hidden;
     height: 100%;
     width: 100%;
-    padding: 40px 20px;
+    padding-left: 20px;
 
     &::before, &:after {
         background-color: #0075FF;
@@ -59,6 +59,7 @@ body {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
+        padding: 40px 0px;
     }
 
     @media screen and ( max-width: 1700px) {

diff --git a/src/app/layout.js b/src/app/layout.js
@@ -1,7 +1,4 @@
-import HasAdminAccess from '@/components/HasAdminAccess/HasAdminAccess'
-import EditingWindow from '@/components/UI/EditingWindow/EditingWindow'
 import RegistrationWindow from '@/components/Registration/RegistrationWindow'
-import ImportWalletWindow from '@/components/Registration/ImportWalletWindow'
 import dynamic from "next/dynamic"
 import { DashProvider } from '@/hooks/useDashClient'
 import './globals.css'
@@ -12,6 +9,16 @@ const ToastContainer = dynamic(() =>
   { ssr: false }
 )
 
+const EditingWindow = dynamic(() =>
+  import('@/components/UI/EditingWindow/EditingWindow'),
+  { ssr: false }
+)
+
+const ImportWalletWindow = dynamic(() =>
+  import('@/components/Registration/ImportWalletWindow'),
+  { ssr: false }
+)
+
 export const metadata = {
   title: 'pshenmic.Dev',
   description: 'Developer space of pshenmic'
@@ -23,7 +30,6 @@ export default function RootLayout({ children }) {
       <body>
         <DashProvider>
           <ToastContainer />
-          <HasAdminAccess />
           <EditingWindow />
           <RegistrationWindow />
           <ImportWalletWindow />

diff --git a/src/app/page.js b/src/app/page.js
@@ -1,60 +1,77 @@
 'use client'
 
 import './App.scss'
-import { useState, useEffect } from 'react'
 import Menu from '../components/Menu'
 import CommandLine from '../components/CommandLine/CommandLine'
-import { motion as m } from 'framer-motion'
-import { BrowserRouter as Router } from 'react-router-dom'
 import ContentBlock from '@/components/ContentBlock/ContentBlock'
-import { usePathname } from 'next/navigation'
 import useGlobalStore from '@/store/store'
+import Dash from "dash";
+import { showToast } from '@/lib/showToast'
+import { usePathname } from 'next/navigation'
+import { BrowserRouter as Router } from 'react-router-dom'
+import { motion as m } from 'framer-motion'
+import { useState, useEffect } from 'react'
 
 const defaultContent = 'updates'
 
-export default function App () {
+export default function App() {
+  const { setClient } = useGlobalStore();
   const [content, setContent] = useState(defaultContent)
   const [render, setRender] = useState(false)
   const path = usePathname()
-  const setOpenAdminAccessPopup = useGlobalStore(state => state.setOpenAdminAccessPopup)
-  const openAdminAccessPopup = useGlobalStore(state => state.openAdminAccessPopup)
-  const setAdmin = useGlobalStore(state => state.setAdmin)
-
-  useEffect(() => {
-    const hasAdminAccess = localStorage.getItem('isAdminPshenmic')
-    const isAdminPath = path.includes('admin')
-    setOpenAdminAccessPopup(isAdminPath && !hasAdminAccess)
-    setAdmin(isAdminPath && !!hasAdminAccess)
-  }, [path, openAdminAccessPopup])
 
+  // adding a zero client
   useEffect(() => {
-    // removal of administrator access
-    const dataClear = localStorage.getItem('dataClear')
-    const now = new Date()
-    // localStorage.clear()
-    if (dataClear && now.getTime() >= dataClear) {
-      localStorage.clear()
+    const addClient = async () => {
+      try {
+        const clientOpts = {
+          network: 'testnet',
+          apps: {
+            tutorialContract: {
+              contractId: process.env.NEXT_PUBLIC_INITIAL_CLIENT,
+            },
+            "pshenmic-dev-dfo": {
+              contractId: process.env.NEXT_PUBLIC_CONTRACT_ID,
+            },
+          },
+          wallet: {
+            skipSynchronizationBeforeHeight: 1,
+            offlineMode: true,
+          },
+        };
+        const client = new Dash.Client(clientOpts);
+
+        if (client) {
+          setClient(client)
+        }
+      } catch (error) {
+        console.error('Error:', error);
+        showToast('error', 'Error logging in, try again later');
+      }
     }
+    addClient()
+  }, [])
 
+  useEffect(() => {
     const pathArray = window.location.pathname.split('/').slice(1)
     setRender(true)
     setContent(pathArray[0] !== '' ? pathArray[0] : defaultContent)
   }, [])
 
   return render
     ? <Router>
-        <main className={'App'}>
-          <m.div className={'App__CommonWrapper'}>
-            <div className={'App__Sidebar'}>
-              <Menu selectItemCallback={setContent} defaultItem={content}/>
-              { path.includes('admin')
-                ? null
-                : <CommandLine category={content}/>
-              }
-            </div>
-            <ContentBlock />
-          </m.div>
-        </main>
-      </Router>
+      <main className={'App'}>
+        <m.div className={'App__CommonWrapper'}>
+          <div className={'App__Sidebar'}>
+            <Menu selectItemCallback={setContent} defaultItem={content} />
+            {path.includes('admin')
+              ? null
+              : <CommandLine category={content} />
+            }
+          </div>
+          <ContentBlock />
+        </m.div>
+      </main>
+    </Router>
     : null
 }