Green-sync · mitch1009 · Apr 24, 2023 · Apr 24, 2023 · Apr 24, 2023 · Apr 24, 2023
diff --git a/.github/workflows/firebase-hosting-merge.yml b/.github/workflows/firebase-hosting-merge.yml
@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - marketplace
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: pnpm i && pnpm build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_AGRPRJ }}'
+          channelId: live
+          projectId: agrprj
diff --git a/.github/workflows/firebase-hosting-pull-request.yml b/.github/workflows/firebase-hosting-pull-request.yml
@@ -0,0 +1,17 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: pnpm i && pnpm build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_AGRPRJ }}'
+          projectId: agrprj
diff --git a/Applications/client/src/pages/dashboard.tsx b/Applications/client/src/pages/dashboard.tsx
diff --git a/Applications/client/.eslintrc.cjs → Applications/consumer/.eslintrc.cjs b/Applications/client/.eslintrc.cjs → Applications/consumer/.eslintrc.cjs
diff --git a/Applications/consumer/.gitignore b/Applications/consumer/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/Applications/consumer/index.html b/Applications/consumer/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Green market | One stop shop for all things agri</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/Applications/consumer/package.json b/Applications/consumer/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "consumer",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 5300 --host 0.0.0.0 --open",
+    "build": "tsc && vite build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@green-sync/ui": "workspace:^",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "@vitejs/plugin-react": "^4.0.0-beta.0",
+    "eslint": "^8.38.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.3.4",
+    "typescript": "^5.0.2",
+    "vite": "^4.3.0"
+  }
+}
diff --git a/Applications/client/public/vite.svg → Applications/consumer/public/vite.svg b/Applications/client/public/vite.svg → Applications/consumer/public/vite.svg
diff --git a/Applications/consumer/src/App.tsx b/Applications/consumer/src/App.tsx
@@ -0,0 +1,9 @@
+import {Card} from "@green-sync/ui"
+export const App = () => {
+  const cta = () => {
+
+  }
+  return <>
+  <Card image="/images.jpeg" description="Welcome" title="" cta={cta}/>
+  </>
+}
diff --git a/Applications/consumer/src/components/index.ts b/Applications/consumer/src/components/index.ts
diff --git a/Applications/consumer/src/index.css b/Applications/consumer/src/index.css
@@ -0,0 +1,69 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/Applications/consumer/src/main.tsx b/Applications/consumer/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import {App} from './App.tsx'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
diff --git a/Applications/consumer/src/pages/Home.tsx b/Applications/consumer/src/pages/Home.tsx
@@ -0,0 +1,3 @@
+export const HomePage = () => {
+    return <>Home Page</>
+}
diff --git a/Applications/consumer/src/pages/index.ts b/Applications/consumer/src/pages/index.ts
@@ -0,0 +1 @@
+export * from "./Home"
diff --git a/Applications/client/src/vite-env.d.ts → Applications/consumer/src/vite-env.d.ts b/Applications/client/src/vite-env.d.ts → Applications/consumer/src/vite-env.d.ts
diff --git a/Applications/client/tsconfig.json → Applications/consumer/tsconfig.json b/Applications/client/tsconfig.json → Applications/consumer/tsconfig.json
diff --git a/Applications/client/tsconfig.node.json → Applications/consumer/tsconfig.node.json b/Applications/client/tsconfig.node.json → Applications/consumer/tsconfig.node.json
diff --git a/Applications/client/vite.config.ts → Applications/consumer/vite.config.ts b/Applications/client/vite.config.ts → Applications/consumer/vite.config.ts
diff --git a/Applications/client/.env.example → Applications/farmer/.env.example b/Applications/client/.env.example → Applications/farmer/.env.example
diff --git a/Applications/farmer/.eslintrc.cjs b/Applications/farmer/.eslintrc.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': 'warn',
+  },
+}
diff --git a/Applications/farmer/.firebaserc b/Applications/farmer/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "agrprj"
+  }
+}
diff --git a/Applications/client/.gitignore → Applications/farmer/.gitignore b/Applications/client/.gitignore → Applications/farmer/.gitignore
diff --git a/Applications/farmer/firebase.json b/Applications/farmer/firebase.json
@@ -0,0 +1,17 @@
+{
+  "hosting": {
+    "site": "dev-agritech",
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/Applications/client/index.html → Applications/farmer/index.html b/Applications/client/index.html → Applications/farmer/index.html
@@ -8,7 +8,7 @@
   <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
     integrity="sha512-N9XaASe+i+0Z0JsmZSfL8fkHdT95TREw78mqcqTIdyLPJ9lBL0sNOIM+vQkDgA0Ll8HQOKHhJ1hy2gMyyo/6Q=="
     crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
-
+<link rel="stylesheet" href="./src/style/agriDashboard.css">
   <title>Vite + React + TS</title>
 </head>
 

diff --git a/Applications/client/package.json → Applications/farmer/package.json b/Applications/client/package.json → Applications/farmer/package.json
@@ -7,11 +7,15 @@
     "start": "vite --host 0.0.0.0 --port 43000",
     "build": "tsc && vite build",
     "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "host":"firebase deploy --only hosting:dev-agritech",
+    "host:prod":"firebase deploy --only hosting:prod-agritech"
   },
   "dependencies": {
     "@apollo/client": "^3.7.12",
+    "@headlessui/react": "^1.7.14",
     "@heroicons/react": "^2.0.17",
+    "@reach/disclosure": "^0.18.0",
     "firebase": "^9.20.0",
     "graphql": "^16.6.0",
     "react": "^18.2.0",

diff --git a/Applications/client/postcss.config.js → Applications/farmer/postcss.config.js b/Applications/client/postcss.config.js → Applications/farmer/postcss.config.js
diff --git a/Applications/farmer/public/vite.svg b/Applications/farmer/public/vite.svg
diff --git a/Applications/client/src/App.tsx → Applications/farmer/src/App.tsx b/Applications/client/src/App.tsx → Applications/farmer/src/App.tsx
@@ -1,21 +1,21 @@
 import { Routes, Route} from "react-router-dom"
 import ErrorPage from "./pages/errorPage"
-import LoginPage from "./pages/loginPage"
 import DashboardPage from "./pages/dashboard"
-import { SignUp } from "./pages/signUpPage"
 import {env} from "./utils"
+import LoginForms from "./components/forms/LoginForms"
+import { RouteGuard } from "./components/authentication/auth.guard"
 function App() {
 console.log(env)
   return (
     <>
 <Routes>
-  <Route index path="/" element={<LoginPage/>}/>
-  <Route path="/signUp" element={<SignUp />} />
-  <Route path="/dashboard" element={<DashboardPage/>}/>
+  <Route index path="/" element={
+    <RouteGuard>
+      <DashboardPage/>
+    </RouteGuard>
+  }/>
+  <Route path="/signIn" element={<LoginForms />} />
   <Route path="*" element={<ErrorPage/>}/>
 </Routes>
     </>
   )
-}
-
-export default App
diff --git a/Applications/farmer/src/components/authentication/auth.guard.tsx b/Applications/farmer/src/components/authentication/auth.guard.tsx
@@ -0,0 +1,25 @@
+import { User, onAuthStateChanged } from "firebase/auth"
+import { createContext, useEffect, useState } from "react"
+import { auth } from "../../utils"
+import { useNavigate } from "react-router-dom"
+
+// export a context
+export  const GreenContext = createContext<User|null>(null)
+
+export const RouteGuard = ({children}: any) => {
+    const [user, setUser] = useState<User>()
+    const nav = useNavigate()
+    useEffect(()=>{
+        const sub = onAuthStateChanged(auth, (user)=>{
+            if(!user) {
+                nav("/signin")
+            }
+            setUser(user as User)
+            // additional logic
+        })
+        return sub
+    }, [user,nav,setUser])
+    return <GreenContext.Provider value={user as any}>
+        {children}
+    </GreenContext.Provider>
+}
diff --git a/Applications/farmer/src/components/authentication/index.ts b/Applications/farmer/src/components/authentication/index.ts
@@ -0,0 +1 @@
+export * from './'
diff --git a/Applications/farmer/src/components/authentication/loginComponent.tsx b/Applications/farmer/src/components/authentication/loginComponent.tsx
@@ -0,0 +1,15 @@
+import React, { useState } from 'react'
+import { SignUp } from '../../pages';
+import SignIn from '../../pages/loginPage';
+
+const LoginComponent = () => {
+  const [showComponent, setShowComponent] = useState(true);
+
+  return (
+    <div>
+    {showComponent ? <SignIn toggleComponent={() => setShowComponent(!showComponent)} /> : <SignUp toggleComponent={() => setShowComponent(!showComponent)}/>}
+</div>
+  )
+}
+
+export default LoginComponent