Skip to content

Commit

Permalink
Development (#4)
Browse files Browse the repository at this point in the history 
* Readme updated

* Readme updated

* Readme updated

* Updated for SEO

* Updated for SEO

* Updated for SEO
  • Loading branch information
@bilalmohib
bilalmohib authored Apr 8, 2023
1 parent f90df6b commit 72df3ba
Show file tree
Hide file tree
Showing 7 changed files with 507 additions and 17 deletions.
2 changes: 1 addition & 1 deletion components/Navbar/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -231,7 +231,7 @@ const Navbar: React.FC<NavProps> = ({
)}
</div>
</div>
</nav >
</nav>
)
}
export default Navbar;
86 changes: 76 additions & 10 deletions components/Sidebar/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,26 @@ import { CgShapeSquare } from "react-icons/cg";
import { FcInvite } from "react-icons/fc";
import { useRouter } from 'next/router';

import {
Box,
Typography,
Link,
Button
} from "@mui/material";
import { styled } from '@mui/system';

// Importing Firebase Hooks
import { db } from "../../firebase";
import { doc, collection, onSnapshot, addDoc, query, orderBy, deleteDoc, setDoc, where } from "firebase/firestore";
import { useCollection } from 'react-firebase-hooks/firestore';

// Importing firebase
import { auth } from "../../firebase";
import {
onAuthStateChanged,
signOut
} from "firebase/auth";

interface IProps {
setIsOpen: any,
isOpen: Boolean,
Expand All @@ -30,6 +50,52 @@ const Sidebar: React.FC<IProps> = ({
setCurrentMenuItem
}) => {
const router = useRouter();

const [loading, setLoading] = useState<boolean>(true);

//_________________ For Getting SignedInUser Data _____________________
const [signedInUserData, setSignedInUserData] = useState<any>(null);
const [isSignedIn, setIsSignedIn] = useState<boolean>(false);
//_________________ For Getting SignedInUser Data _____________________

useEffect(() => {
onAuthStateChanged(auth, (user) => {
if (user) {
// User is signed in, see docs for a list of available properties
// https://firebase.google.com/docs/reference/js/firebase.User
if (signedInUserData === null) {
setIsSignedIn(true);
if (user.isAnonymous === true) {
let tempUser = {
displayName: "Anonymous",
email: `anonymous${user.uid}@guest.com`,
photoURL: user.photoURL
}
console.log(tempUser);
setSignedInUserData(tempUser);
setLoading(false);
} else {
console.log(user);
setSignedInUserData(user);
setLoading(false);
}
// ...
}
} else {
// User is signed out
console.log("User is signed out");
setLoading(false);
setSignedInUserData(null);
setIsSignedIn(false);
// ...
}
});
}, [signedInUserData]);

const movingUrl = `/dashboard/${signedInUserData?.uid}`;

// Store div in a variable

return (
<section className={`${styles.sidebar} ${(isOpen) ? ("") : (styles.hideSidebar)}`}>
<div className={styles.sidebarItemsContainer}>
Expand All @@ -49,7 +115,7 @@ const Sidebar: React.FC<IProps> = ({
<li className={(currentMenuItem === 1) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(1)
router.push('/');
router.push(movingUrl);
}}
>
<div className='d-flex'>
Expand All @@ -59,7 +125,7 @@ const Sidebar: React.FC<IProps> = ({
<li className={(currentMenuItem === 2) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(2)
router.push('/');
router.push(movingUrl);
}}
>
<div className='d-flex'>
Expand All @@ -69,7 +135,7 @@ const Sidebar: React.FC<IProps> = ({
<li className={(currentMenuItem === 3) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(3)
router.push('/');
router.push(movingUrl);
}}
>
<div className='d-flex'>
Expand All @@ -79,7 +145,7 @@ const Sidebar: React.FC<IProps> = ({
<li className={(currentMenuItem === 4) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(4)
router.push('/');
router.push(movingUrl);
}}
>
<div className='d-flex'>
Expand All @@ -89,18 +155,18 @@ const Sidebar: React.FC<IProps> = ({
<li className={(currentMenuItem === 5) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(5)
router.push('/');
router.push(movingUrl);
}}
>
<div className='d-flex'>
<p> <HiChartSquareBar size={19} /> </p> <p className={styles.itemMenuListText}>Portfolios</p>
</div>
</li>
<li className={(currentMenuItem === 6) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(6)
router.push('/');
}}
<li className={(currentMenuItem === 6) ? (styles.selected_Menu_Item) : ("")}
onClick={() => {
setCurrentMenuItem(6)
router.push(movingUrl);
}}
>
<div className='d-flex'>
<p> <GiStairsGoal size={19} /> </p> <p className={styles.itemMenuListText}>Goals</p>
Expand Down
Loading

1 comment on commit 72df3ba

@vercel
Copy link

@vercel vercel bot commented on 72df3ba Apr 8, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

fyp-project-management-software – ./

www.taskencher.com
fyp-project-management-software-git-main-topideas.vercel.app
fyp-project-management-software-topideas.vercel.app
fyp-project-management-software.vercel.app
taskencher.com

Please sign in to comment.