basic verification of team member in team

pages/teams/[teamid].tsx

@@ -1,12 +1,88 @@
+import { GetServerSidePropsContext, GetServerSidePropsResult } from 'next'
 import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import BackgroundLayout from '../../components/Layouts/BackgroundLayout'
+import { useAuth } from '../../contexts/authContext'
+import { Team } from '../../models/team'
+import { TeamMemberStatus } from '../../models/teamMember'
+import TeamService from '../../services/teamService'
 
-export default function Team() {
+const teamService = new TeamService()
+
+export default function TeamDashboard() {
+  const { currUser } = useAuth()
   const router = useRouter()
   const { teamid } = router.query
 
-  // check if the team is a valid team route and show the dashboard for the team
+  const [loading, setLoading] = useState<Boolean>(true)
+  const [team, setTeam] = useState<Team>(null)
+
+  useEffect(() => {
+    (async function() {
+      try {
+        // if not authenticated, take user to the login
+        if (!currUser) {
+          console.log('not authenticated...routing from dashboard to teams home')
+          router.push('/teams/login')
+          return
+        }
+
+        // check if the team is a valid team and that user is in it
+        if (typeof teamid === "string") {
+          const returnedTeam = await teamService.getTeam(teamid)
+          const returnedTeamMember = await teamService.getTeamMember(teamid, currUser.uid)
+
+          console.log(returnedTeam)
+          console.log(returnedTeamMember)
+
+          // if there is no such team OR
+          //   if you are not a member of this team, then get out of here
+          if (!returnedTeam || !returnedTeamMember || returnedTeamMember.status == TeamMemberStatus.deleted) {
+            console.log('no team exists, or am not activated in it')
+            // router.push('/teams')
+            return
+          }
+
+          // if I am new to the team but I was invited, and this is my first time, then activate me into the team
+          // and proceed with showing the dashboard stuff
+
+        } else {
+          console.log('not a proper query with teamid')
+          router.push('/teams')
+          return
+        }
+      } catch(error) {
+        console.log(error)
+        router.push('/teams/login')
+      }
+
+      setLoading(false)
+    })();
+  }, [])
+
+  if (loading) {
+    return (
+      <div>loading</div> 
+    )
+  }
 
   return (
-    <span>the team is {teamid}</span>
+    <BackgroundLayout>
+      the team is {teamid}
+      
+    
+    </BackgroundLayout>
   )
+}
+
+export async function getServerSideProps(context: GetServerSidePropsContext) {
+  // basic check if this team exists
+
+  // todo check if authenticated
+
+  // todo check if this user is in this team
+
+  return {
+    props: {},
+  }
 }

pages/teams/create.tsx

@@ -22,7 +22,7 @@ export default function CreateTeam() {
         // if not authenticated, take user to the login
         if (!currUser) {
           console.log('not authenticated...routing from dashboard to teams home')
-          // router.push('/teams/login')
+          router.push('/teams/login')
         }
 
         // todo if user is in a team already, notify them to make sure
@@ -32,9 +32,9 @@ export default function CreateTeam() {
         console.log(error)
         router.push('/teams/login')
       }
-    })();
 
-    setLoading(false)
+      setLoading(false)
+    })();
   }, [])
 
   async function handleSubmit(e) {