Teams | Calendso

import Head from 'next/head'; import prisma from '../../lib/prisma'; import Modal from '../../components/Modal'; import Shell from '../../components/Shell'; import SettingsShell from '../../components/Settings'; import { useState } from 'react'; import { useSession, getSession } from 'next-auth/client'; import Button from "../../components/ui/Button"; import { UsersIcon, UserAddIcon, UserRemoveIcon, ChevronDownIcon, ChevronUpIcon, LocationMarkerIcon } from "@heroicons/react/outline"; import { ShieldCheckIcon } from "@heroicons/react/solid"; import TeamListItem from "../../components/TeamListItem"; export default function Teams(props) { const [ session, loading ] = useSession(); const [ selectedTeam, setSelectedTeam ] = useState({}); if (loading) { return

; } const teams = [ { name: "Flying Colours Life", userRole: "Owner", members: [ { "name": "Alex van Andel", "email": "bartfalij@gmail.com", "role": "Owner" }, { "email": "me@alexvanandel.com", "role": "Member" }, { "email": "avanandel@flyingcolourslife.com", "role": "Member" }, ] }, { name: "Partner Wealth", userRole: "Member" } ]; const invitations = [ { name: "Asset Management", userRole: "Invitee" } ]; return( Teams | Calendso

Your teams

View, edit and create teams to organise relationships between users

{teams.length === 0 &&

Team up with other users
by adding a new team

}

{teams.length > 0 &&

}

setSelectedTeam(team) }>

Open Invitations

{/*

Transform account

You cannot convert this account into a team until you leave all teams that you’re a member of.

*/}

{Object.keys(selectedTeam).length > 0 && } ); } export async function getServerSideProps(context) { const session = await getSession(context); if (!session) { return { redirect: { permanent: false, destination: '/auth/login' } }; } const user = await prisma.user.findFirst({ where: { email: session.user.email, }, select: { id: true, username: true, name: true } }); return { props: {user}, // will be passed to the page component as props } }