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 {useEffect, useState} from 'react'; import { useSession, getSession } from 'next-auth/client'; import { UsersIcon, } from "@heroicons/react/outline"; import TeamList from "../../components/team/TeamList"; import TeamListItem from "../../components/team/TeamListItem"; export default function Teams(props) { const [ session, loading ] = useSession(); const [ teams, setTeams ] = useState([]); const [ invites, setInvites ] = useState([]); const [ showCreateTeamModal, setShowCreateTeamModal ] = useState(false); const loadTeams = () => fetch('/api/user/membership').then( (res: any) => res.json() ).then( (data) => { setTeams(data.membership.filter( (m) => m.role !== "INVITEE" )); setInvites(data.membership.filter( (m) => m.role === "INVITEE" )); } ); useEffect( () => { loadTeams(); }, []); if (loading) { return

Loading...

; } const createTeam = (e) => { e.preventDefault(); return fetch('/api/teams', { method: 'POST', body: JSON.stringify({ name: e.target.elements['name'].value }), headers: { 'Content-Type': 'application/json' } }).then( () => { loadTeams(); setShowCreateTeamModal(false); }); } return( Teams | Calendso

Your teams

View, edit and create teams to organise relationships between users

{!(invites.length || teams.length) &&

Team up with other users
by adding a new team

}
{!!(invites.length || teams.length) &&
}
{!!teams.length && } {!!invites.length &&

Open Invitations

    {invites.map( (team) => )}
}
{/*{teamsLoaded &&

Transform account

{membership.length !== 0 && "You cannot convert this account into a team until you leave all teams that you’re a member of."} {membership.length === 0 && "A user account can be turned into a team, as a team ...."}

}*/}
{showCreateTeamModal &&
} ); }