import Head from 'next/head' import Link from 'next/link' import prisma from '../lib/prisma' export default function User(props) { const eventTypes = props.user.eventTypes.map(type =>

  • {type.title}

    {type.description}

    •  ); return (
    {props.user.name || props.user.username} | Calendso
    {props.user.avatar && Avatar}

    {props.user.name || props.user.username}

    {props.user.bio}

      {eventTypes}
    {eventTypes.length == 0 &&

    Uh oh!

    This user hasn't set up any event types yet.

    }
    ) } export async function getServerSideProps(context) { const user = await prisma.user.findFirst({ where: { username: context.query.user, }, select: { username: true, name: true, bio: true, avatar: true, eventTypes: true } }); return { props: { user }, } }