All files / Bandstand/src/app/(band)/account page.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export const dynamic = 'force-dynamic'
 
import {prisma} from '@/lib/db'
import {pageUser} from '@/lib/guard'
import ChangePassword from '@/components/ChangePassword'
import AvatarEditor from '@/components/AvatarEditor'
import BandSettingsToggles from '@/components/BandSettingsToggles'
import AppSettings from '@/components/pwa/AppSettings'
import {pushReady} from '@/lib/push'
import {avatarUrl} from '@/lib/avatars'
import {displayName} from '@/lib/songs'
 
export const metadata = {title: 'Account'}
 
export default async function AccountPage() {
  const {user} = await pageUser()
  const bands = await prisma.membership.count({where: {userId: user.id}})
  const devices = await prisma.pushSubscription.findMany({
    where: {userId: user.id},
    select: {device: true},
    orderBy: {createdAt: 'asc'},
  })
  return (
    <main className="mx-auto max-w-sm px-4 pb-12 pt-5">
      <h1 className="text-3xl font-extrabold">Account</h1>
      <section className="mt-5" aria-label="Your photo">
        <AvatarEditor
          userId={user.id}
          name={displayName(user)}
          src={avatarUrl(user)}
          self
        />
      </section>
      <AppSettings
        ready={pushReady()}
        devices={devices.map((d) => d.device ?? 'A device')}
        initial={{
          notifyCharts: user.notifyCharts,
          notifySetlists: user.notifySetlists,
          notifyRehearsals: user.notifyRehearsals,
          notifyProposals: user.notifyProposals,
        }}
      />
      {/* Someone who signs in with Google may never have had a password */}
      <ChangePassword hasPassword={Boolean(user.passwordHash)} />
      {bands > 1 && (
        <BandSettingsToggles
          initial={{
            shareAvailability: user.shareAvailability,
            blockOtherBands: user.blockOtherBands,
          }}
        />
      )}
    </main>
  )
}