+ {showComponent ? setShowComponent(!showComponent)} /> : setShowComponent(!showComponent)}/>}
+
+ )
+}
+
+export default LoginComponent
diff --git a/Applications/farmer/src/components/dashboard/calendar/calendar.tsx b/Applications/farmer/src/components/dashboard/calendar/calendar.tsx
new file mode 100644
index 0000000..a35a17e
--- /dev/null
+++ b/Applications/farmer/src/components/dashboard/calendar/calendar.tsx
@@ -0,0 +1,112 @@
+import React, {useState} from 'react'
+
+
+export const CalendarComponent = () => {
+ // Get the current date
+ const currentDate = new Date();
+
+ // Initialize state for the selected date
+ const [selectedDate, setSelectedDate] = useState(currentDate);
+
+ // Calculate the number of days in the selected month
+ const numDaysInMonth = new Date(
+ selectedDate.getFullYear(),
+ selectedDate.getMonth() + 1,
+ 0
+ ).getDate();
+
+ // Calculate the first day of the month
+ const firstDayOfMonth = new Date(
+ selectedDate.getFullYear(),
+ selectedDate.getMonth(),
+ 1
+ ).getDay();
+
+ // Initialize an array to hold the days of the month
+ const daysOfMonth = [];
+
+ // Loop through the days of the month and add them to the array
+ for (let i = 1; i <= numDaysInMonth; i++) {
+ daysOfMonth.push(i);
+ }
+
+ // Create an array to hold the calendar rows
+ const calendarRows = [];
+
+ // Create an array to hold the current week
+ let currentWeek = [];
+
+ // Add blank cells for the days before the first day of the month
+ for (let i = 0; i < firstDayOfMonth; i++) {
+ currentWeek.push(null);
+ }
+
+ // Add the days of the month to the current week
+ for (let i = 0; i < daysOfMonth.length; i++) {
+ currentWeek.push(daysOfMonth[i]);
+
+ // If the current week is complete, add it to the calendar rows and start a new week
+ if (currentWeek.length === 7) {
+ calendarRows.push(currentWeek);
+ currentWeek = [];
+ }
+ }
+
+ // Add blank cells for the remaining days in the last week
+ while (currentWeek.length < 7) {
+ currentWeek.push(null);
+ }
+
+ // Add the final week to the calendar rows
+ calendarRows.push(currentWeek);
+
+ // Handle the previous month button click
+ const handlePrevMonth = () => {
+ setSelectedDate(new Date(selectedDate.getFullYear(), selectedDate.getMonth() - 1, 1));
+ };
+
+ // Handle the next month button click
+ const handleNextMonth = () => {
+ setSelectedDate(new Date(selectedDate.getFullYear(), selectedDate.getMonth() + 1, 1));
+ };
+
+ // Render the calendar
+ return (
+
+
+
+
+
+ );
+};
+
diff --git a/Applications/farmer/src/components/dashboard/farm/crops.tsx b/Applications/farmer/src/components/dashboard/farm/crops.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/Applications/farmer/src/components/dashboard/farm/liveStock.tsx b/Applications/farmer/src/components/dashboard/farm/liveStock.tsx
new file mode 100644
index 0000000..3a1df8e
--- /dev/null
+++ b/Applications/farmer/src/components/dashboard/farm/liveStock.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const liveStock = () => {
+ return (
+
+
+
+ + {selectedDate.toLocaleString("default", { month: "long", year: "numeric" })} +
+ +| Sun | +Mon | +Tue | +Wed | +Thu | +Fri | +Sat | +
|---|---|---|---|---|---|---|
| {day} | + ))} +
+
+
+ )
+}
+
+export default liveStock
diff --git a/Applications/farmer/src/components/dashboard/index.ts b/Applications/farmer/src/components/dashboard/index.ts
new file mode 100644
index 0000000..13b06ef
--- /dev/null
+++ b/Applications/farmer/src/components/dashboard/index.ts
@@ -0,0 +1 @@
+export * from "./"
\ No newline at end of file
diff --git a/Applications/client/src/components/profile.tsx b/Applications/farmer/src/components/dashboard/profile.tsx
similarity index 100%
rename from Applications/client/src/components/profile.tsx
rename to Applications/farmer/src/components/dashboard/profile.tsx
diff --git a/Applications/farmer/src/components/dashboard/recentActivities.tsx b/Applications/farmer/src/components/dashboard/recentActivities.tsx
new file mode 100644
index 0000000..29f027e
--- /dev/null
+++ b/Applications/farmer/src/components/dashboard/recentActivities.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const RecentActivities = () => {
+ return (
+
+
+
+ )
+}
+
+export default RecentActivities
\ No newline at end of file
diff --git a/Applications/farmer/src/components/dashboard/searchBar.tsx b/Applications/farmer/src/components/dashboard/searchBar.tsx
new file mode 100644
index 0000000..377ef5c
--- /dev/null
+++ b/Applications/farmer/src/components/dashboard/searchBar.tsx
@@ -0,0 +1,34 @@
+import { useState } from 'react';
+
+type SearchBarProps = {
+ onSearch: (query: string) => void;
+};
+
+const SearchBar: React.FC
+
+ );
+}
+
+export default SidebarComponent;
diff --git a/Applications/farmer/src/components/dashboard/weather.tsx b/Applications/farmer/src/components/dashboard/weather.tsx
new file mode 100644
index 0000000..aba33dd
--- /dev/null
+++ b/Applications/farmer/src/components/dashboard/weather.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const weather = () => {
+ return (
+
+ 
+ GreenSync
+
+
+
+ GreenSync
+
+
+
+
+
+
+ )
+}
+
+export default weather
diff --git a/Applications/farmer/src/components/forms/LoginForms.tsx b/Applications/farmer/src/components/forms/LoginForms.tsx
new file mode 100644
index 0000000..50bc0b2
--- /dev/null
+++ b/Applications/farmer/src/components/forms/LoginForms.tsx
@@ -0,0 +1,273 @@
+
+import { useState } from "react";
+import { CreateUserAccount, SocialLogin, LoginnWithEmailAndPassword,UserDetails } from "../../firebase";
+import { useNavigate } from "react-router-dom";
+
+export default function LoginForms() {
+ const nav = useNavigate()
+
+ const [signInType, setSignInType] = useState("Login")
+ const [userData, setUserData] = useState({} as UserDetails);
+
+ const handleEmail = (e: any) => {
+ userData["email"] = e.target.value;
+ setUserData({...userData});
+ };
+
+ const handlePassword = (e: any) => {
+ userData["password"] = e.target.value;
+ setUserData({...userData});
+ };
+
+ const handleLastName = (e: any) => {
+ userData["lastName"] = e.target.value;
+ setUserData({...userData});
+ };
+
+ const handleFirstName = (e: any) => {
+ userData["firstName"] = e.target.value;
+ setUserData({...userData});
+ };
+
+ const handleFarmerType = (e: any) => {
+ userData["farmType"] = e.target.value;
+ setUserData({...userData});
+ };
+ const authenticate = async (e: any) => {
+ e.preventDefault()
+ const [option,provider] = e.target.id.split(',')
+ const userData = e.target.value;
+ if(option ==="social"){
+ const isloggedIn= await SocialLogin(provider)
+ return isloggedIn ? nav("/"): null
+ } else {
+ const isloggedIn= await LoginnWithEmailAndPassword(userData)
+ return isloggedIn ? nav("/"): null
+ }
+
+ }
+
+ return (
+ <>
+
+
+
+ ) }
diff --git a/Applications/farmer/src/components/profile.tsx b/Applications/farmer/src/components/profile.tsx
new file mode 100644
index 0000000..d01275b
--- /dev/null
+++ b/Applications/farmer/src/components/profile.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const profile = () => {
+ return (
+
+
+
+
+ + Sign {signInType === "Login" ? " In" : " Up"} to your account +
+ +
+
+
+{/* =======================================================LOGIN==================================================================== */}
+
+
+{/* =============================================================REGISTER================================================================================= */}
+
+ {/* ===========================================SOCIALS============================================================================================================================================= */}
+
+
+
+
+
+
+
+ Or continue with
+
+
+
+
+ Google
+
+
+
+
+ Facebook
+
+
+
+ 
+
+
+
+
+
+ )
+}
+
+export default profile
diff --git a/Applications/client/src/components/sideBar.tsx b/Applications/farmer/src/components/sideBar.tsx
similarity index 100%
rename from Applications/client/src/components/sideBar.tsx
rename to Applications/farmer/src/components/sideBar.tsx
diff --git a/Applications/client/src/firebase/firebase.ts b/Applications/farmer/src/firebase/firebase.ts
similarity index 64%
rename from Applications/client/src/firebase/firebase.ts
rename to Applications/farmer/src/firebase/firebase.ts
index 1312d9f..a51308a 100644
--- a/Applications/client/src/firebase/firebase.ts
+++ b/Applications/farmer/src/firebase/firebase.ts
@@ -1,35 +1,43 @@
+/* eslint-disable react-hooks/rules-of-hooks */
import {
signInWithEmailAndPassword,
signInWithPopup,
GoogleAuthProvider,
FacebookAuthProvider,
createUserWithEmailAndPassword,
+ updateProfile
} from "firebase/auth";
import { SocialProviders, UserDetails } from "./firebaseInterfaces";
import {auth} from "../utils";
-import firebase from 'firebase/app';
-// const auth = getAuth();
+// const history = useHistory();
-const LoginnWithEmailAndPassword = async (data: UserDetails, auth: any) => {
+const LoginnWithEmailAndPassword = async (data: UserDetails) => {
// {email, password, fullname}
try {
const { email, password } = data;
await signInWithEmailAndPassword(auth, email, password);
- return true;
+ return true
} catch (error) {
+ console.log(error);
return error;
}
};
// union type
-const SocialLogin = async (provider: SocialProviders,auth:any) => {
+const SocialLogin = async (provider: SocialProviders) => {
// TODO: implement this method
const providers = {
google: new GoogleAuthProvider(),
facebook: new FacebookAuthProvider(),
}
- await signInWithPopup(auth, providers[provider as SocialProviders]);
+ try {
+ await signInWithPopup(auth, providers[provider as SocialProviders]);
+ return true;
+ } catch(error) {
+ return false
+ }
+
};
const CreateUserAccount = async (data: UserDetails) => {
@@ -38,21 +46,19 @@ const CreateUserAccount = async (data: UserDetails) => {
await createUserWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
const user = userCredential.user;
- // const uid = user.uid;
-
- // // Add more data to the user in the Realtime Database
- // const databaseRef = firebase.database().ref(``);
- // const userData = { email, firstName, lastName, farmType };
- // databaseRef.set(userData);
-
- // console.log('User signed up:', user);
+ updateProfile(user, {
+ displayName: firstName,
+ // lastName: lastName,
+ // farmingType: farmType
+ })
})
.catch((error) => {
console.error('Error signing up:', error);
});
return true
} catch (error) {
- return error;
+ alert("Error signing up")
+ return false;
}
}
diff --git a/Applications/client/src/firebase/firebaseInterfaces.ts b/Applications/farmer/src/firebase/firebaseInterfaces.ts
similarity index 100%
rename from Applications/client/src/firebase/firebaseInterfaces.ts
rename to Applications/farmer/src/firebase/firebaseInterfaces.ts
diff --git a/Applications/client/src/firebase/index.ts b/Applications/farmer/src/firebase/index.ts
similarity index 100%
rename from Applications/client/src/firebase/index.ts
rename to Applications/farmer/src/firebase/index.ts
diff --git a/Applications/client/src/index.css b/Applications/farmer/src/index.css
similarity index 64%
rename from Applications/client/src/index.css
rename to Applications/farmer/src/index.css
index bd6213e..b5c61c9 100644
--- a/Applications/client/src/index.css
+++ b/Applications/farmer/src/index.css
@@ -1,3 +1,3 @@
@tailwind base;
@tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
diff --git a/Applications/client/src/main.tsx b/Applications/farmer/src/main.tsx
similarity index 100%
rename from Applications/client/src/main.tsx
rename to Applications/farmer/src/main.tsx
diff --git a/Applications/farmer/src/pages/dashboard.tsx b/Applications/farmer/src/pages/dashboard.tsx
new file mode 100644
index 0000000..d0cd5e1
--- /dev/null
+++ b/Applications/farmer/src/pages/dashboard.tsx
@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import ProfileComponent from '../components/dashboard/profile';
+import RecentActivities from '../components/dashboard/recentActivities';
+import SidebarComponent from '../components/dashboard/sideBar';
+import { CalendarComponent } from '../components/dashboard/calendar/calendar';
+import SearchBar from '../components/dashboard/searchBar';
+
+const DashboardComponent: React.FC = () => {
+ const [searchQuery, setSearchQuery] = useState('');
+
+ const handleSearch = (query: string) => {
+ setSearchQuery(query);
+ };
+
+ return (
+
+
+ );
+};
+
+export default DashboardComponent;
diff --git a/Applications/client/src/pages/errorPage.tsx b/Applications/farmer/src/pages/errorPage.tsx
similarity index 100%
rename from Applications/client/src/pages/errorPage.tsx
rename to Applications/farmer/src/pages/errorPage.tsx
diff --git a/Applications/farmer/src/pages/index.ts b/Applications/farmer/src/pages/index.ts
new file mode 100644
index 0000000..ab07ace
--- /dev/null
+++ b/Applications/farmer/src/pages/index.ts
@@ -0,0 +1,4 @@
+export * from './loginPage';
+export * from './signUpPage';
+export * from './dashboard';
+export * from './errorPage';
\ No newline at end of file
diff --git a/Applications/client/src/pages/loginPage.tsx b/Applications/farmer/src/pages/loginPage.tsx
similarity index 97%
rename from Applications/client/src/pages/loginPage.tsx
rename to Applications/farmer/src/pages/loginPage.tsx
index b355d78..e2918eb 100644
--- a/Applications/client/src/pages/loginPage.tsx
+++ b/Applications/farmer/src/pages/loginPage.tsx
@@ -4,7 +4,7 @@ import {SocialLogin, UserDetails} from "../firebase"
import {LoginnWithEmailAndPassword} from "../firebase"
import {auth} from "../utils";
-export default function SignIn() {
+export default function SignIn(toggleComponent: any) {
const [userData, setUserData] = useState({} as UserDetails);
const handleEmail = (e: any) => {
@@ -28,7 +28,7 @@ export default function SignIn() {
+
+
+
+
+
+
+
+
+
+
+