brukere

heyvard · May 25, 2024 · 9adf956 · 9adf956
1 parent 259c5c3
commit 9adf956
Show file tree

Hide file tree

Showing 5 changed files with 103 additions and 65 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -80,23 +80,31 @@ function UserFetchInnlogging(props: { children: React.ReactNode }) {
                                 Regler
                             </Dropdown.Menu.List.Item>
                             {me.admin && (
-                                <Dropdown.Menu.List.Item
-                                    onClick={() => {
-                                        router.push('/sluttspill')
-                                    }}
-                                >
-                                    Rediger sluttspill
-                                </Dropdown.Menu.List.Item>
-                            )}
-                            {me.admin && (
-                                <Dropdown.Menu.List.Item
-                                    onClick={() => {
-                                        router.push('/resultatservice')
-                                    }}
-                                >
-                                    Rediger resultater
-                                </Dropdown.Menu.List.Item>
+                                <>
+                                    <Dropdown.Menu.List.Item
+                                        onClick={() => {
+                                            router.push('/sluttspill')
+                                        }}
+                                    >
+                                        Rediger sluttspill
+                                    </Dropdown.Menu.List.Item>
+                                    <Dropdown.Menu.List.Item
+                                        onClick={() => {
+                                            router.push('/resultatservice')
+                                        }}
+                                    >
+                                        Rediger resultater
+                                    </Dropdown.Menu.List.Item>
+                                    <Dropdown.Menu.List.Item
+                                        onClick={() => {
+                                            router.push('/brukere')
+                                        }}
+                                    >
+                                        Brukere
+                                    </Dropdown.Menu.List.Item>
+                                </>
                             )}
+
                             <Dropdown.Menu.List.Item
                                 onClick={async () => {
                                     await getFirebaseAuth().signOut()

diff --git a/src/pages/brukere.tsx b/src/pages/brukere.tsx
@@ -0,0 +1,53 @@
+import type { NextPage } from 'next'
+import { Spinner } from '../components/loading/Spinner'
+import React from 'react'
+import { Button, Heading, Table } from '@navikt/ds-react'
+import { UseUsers } from '../queries/useUsers'
+
+const Brukere: NextPage = () => {
+    const { data } = UseUsers()
+    if (!data) {
+        return <Spinner />
+    }
+
+    return (
+        <>
+            <Heading size="small" level={'1'} spacing>
+                Brukere
+            </Heading>
+            <Table>
+                <Table.Header>
+                    <Table.Row>
+                        <Table.HeaderCell>Navn</Table.HeaderCell>
+                        <Table.HeaderCell align="right"></Table.HeaderCell>
+                        <Table.HeaderCell align="right">Admin</Table.HeaderCell>
+                        <Table.HeaderCell align="right">Betalt</Table.HeaderCell>
+                    </Table.Row>
+                </Table.Header>
+                <Table.Body>
+                    {data.map((user) => (
+                        <Table.Row key={user.id}>
+                            <Table.DataCell>{user.name}</Table.DataCell>
+                            <Table.DataCell>
+                                {user.active && (
+                                    <Button type={'button'} variant={'danger'} size={'xsmall'}>
+                                        Deaktiver
+                                    </Button>
+                                )}
+                                {!user.active && (
+                                    <Button type={'button'} variant={'secondary'} size={'xsmall'}>
+                                        Aktiver
+                                    </Button>
+                                )}
+                            </Table.DataCell>
+                            <Table.DataCell align="right">{user.admin ? 'Ja' : 'Nei'}</Table.DataCell>
+                            <Table.DataCell align="right">{user.paid ? 'Ja' : 'Nei'}</Table.DataCell>
+                        </Table.Row>
+                    ))}
+                </Table.Body>
+            </Table>
+        </>
+    )
+}
+
+export default Brukere
diff --git a/src/queries/mutateChat.ts b/src/queries/mutateChat.ts
diff --git a/src/queries/useUsers.ts b/src/queries/useUsers.ts
@@ -0,0 +1,17 @@
+import { useQuery } from 'react-query'
+import { useAuthState } from 'react-firebase-hooks/auth'
+import { getFirebaseAuth } from '../auth/clientApp'
+import { UserForAdmin } from '../types/types'
+
+export function UseUsers() {
+    const [user] = useAuthState(getFirebaseAuth())
+
+    return useQuery<UserForAdmin[], Error>('users', async () => {
+        const idtoken = await user?.getIdToken()
+        const responsePromise = await fetch('https://betpool-2022-backend.vercel.app/api/v1/users', {
+            method: 'GET',
+            headers: { Authorization: `Bearer ${idtoken}` },
+        })
+        return await responsePromise.json()
+    })
+}
diff --git a/src/types/types.ts b/src/types/types.ts
@@ -34,3 +34,12 @@ export interface Match {
     id: string
     round: string
 }
+
+export interface UserForAdmin {
+    id: string
+    name: string
+    email: string
+    paid: boolean
+    admin: boolean
+    active: boolean
+}