- Click here.
-
- )
+ const translation = useTasksTranslation()
+
+ return (
+ Login
-
+ {translation('login')}
+
+ {translation('loginRequired')}
+ {translation('loginRequiredDescription')} +
+
{
return TranslationGen.resolvePlural(count, {
'=1': `${count} Bett`,
@@ -80,10 +92,12 @@ export const tasksTranslation: Translation {
return TranslationGen.resolvePlural(count, {
'=1': `${count} Bed`,
@@ -131,10 +150,12 @@ export const tasksTranslation: Translation
diff --git a/web/pages/patients/index.tsx b/web/pages/patients/index.tsx
new file mode 100644
index 0000000..f8c07d4
--- /dev/null
+++ b/web/pages/patients/index.tsx
@@ -0,0 +1,263 @@
+import type { NextPage } from 'next'
+import { Page } from '@/components/layout/Page'
+import titleWrapper from '@/utils/titleWrapper'
+import { useTasksTranslation } from '@/i18n/useTasksTranslation'
+import { ContentPanel } from '@/components/layout/ContentPanel'
+import { Chip, SolidButton, Table } from '@helpwave/hightide'
+import { useMemo } from 'react'
+import type { ColumnDef } from '@tanstack/table-core'
+import { withAuth } from '@/hooks/useAuth'
+import { useMyQueryQuery } from '@/api/gql/generated'
+
+type Patient = {
+ name: string,
+}
+
+type Room = {
+ name: string,
+}
+
+type Task = {
+ id: string,
+ name: string,
+ dueDate: Date,
+ patient?: Patient,
+ room?: Room,
+ done: boolean,
+}
+
+const tasks: Task[] = [
+ {
+ id: 't1',
+ name: 'Check vitals',
+ dueDate: new Date('2025-01-10T08:00'),
+ patient: { name: 'Alice Kim' },
+ done: false
+ },
+ {
+ id: 't2',
+ name: 'Administer medication',
+ dueDate: new Date('2025-01-10T09:30'),
+ patient: { name: 'John Park' },
+ done: false
+ },
+ {
+ id: 't3',
+ name: 'Prepare room for surgery',
+ dueDate: new Date('2025-01-10T10:00'),
+ room: { name: 'OR-2' },
+ done: false
+ },
+ {
+ id: 't4',
+ name: 'Daily wound inspection',
+ dueDate: new Date('2025-01-10T11:00'),
+ patient: { name: 'Sarah Lee' },
+ done: false
+ },
+ {
+ id: 't5',
+ name: 'Clean recovery room',
+ dueDate: new Date('2025-01-10T12:00'),
+ room: { name: 'Recovery-5' },
+ done: false
+ },
+ {
+ id: 't6',
+ name: 'Update patient chart',
+ dueDate: new Date('2025-01-10T13:00'),
+ patient: { name: 'Daniel Cho' },
+ done: false
+ },
+ {
+ id: 't7',
+ name: 'Disinfect equipment',
+ dueDate: new Date('2025-01-10T14:00'),
+ room: { name: 'Utility-3' },
+ done: true
+ },
+ {
+ id: 't8',
+ name: 'Prepare IV line',
+ dueDate: new Date('2025-01-10T14:30'),
+ patient: { name: 'Emma Yoon' },
+ done: false
+ },
+ {
+ id: 't9',
+ name: 'Room ventilation check',
+ dueDate: new Date('2025-01-10T15:00'),
+ room: { name: 'ICU-1' },
+ done: false
+ },
+ {
+ id: 't10',
+ name: 'Transport patient for imaging',
+ dueDate: new Date('2025-01-10T15:30'),
+ patient: { name: 'Michael Han' },
+ done: true
+ },
+ {
+ id: 't11',
+ name: 'Replace linens',
+ dueDate: new Date('2025-01-10T16:00'),
+ room: { name: 'Room-204' },
+ done: false
+ },
+ {
+ id: 't12',
+ name: 'Monitor infusion pump',
+ dueDate: new Date('2025-01-10T16:30'),
+ patient: { name: 'Grace Jung' },
+ done: false
+ },
+ {
+ id: 't13',
+ name: 'Calibrate sensors',
+ dueDate: new Date('2025-01-10T17:00'),
+ room: { name: 'Lab-1' },
+ done: true
+ },
+ {
+ id: 't14',
+ name: 'Check oxygen supply',
+ dueDate: new Date('2025-01-10T17:30'),
+ room: { name: 'ICU-3' },
+ done: false
+ },
+ {
+ id: 't15',
+ name: 'Assist with mobility',
+ dueDate: new Date('2025-01-10T18:00'),
+ patient: { name: 'Henry Park' },
+ done: false
+ },
+ {
+ id: 't16',
+ name: 'Inventory medications',
+ dueDate: new Date('2025-01-10T18:30'),
+ room: { name: 'Pharmacy' },
+ done: true
+ },
+ {
+ id: 't17',
+ name: 'Measure blood glucose',
+ dueDate: new Date('2025-01-10T19:00'),
+ patient: { name: 'Lina Seo' },
+ done: false
+ },
+ {
+ id: 't18',
+ name: 'Sanitize surfaces',
+ dueDate: new Date('2025-01-10T19:30'),
+ room: { name: 'ER-2' },
+ done: false
+ },
+ {
+ id: 't19',
+ name: 'Check respiratory status',
+ dueDate: new Date('2025-01-10T20:00'),
+ patient: { name: 'Robert Shin' },
+ done: false
+ },
+ {
+ id: 't20',
+ name: 'Test emergency lighting',
+ dueDate: new Date('2025-01-10T20:30'),
+ room: { name: 'Hallway-A' },
+ done: true
+ }
+]
+
+
+const Dashboard: NextPage = () => {
+ const translation = useTasksTranslation()
+
+ const columns = useMemo[]>(() => [
+ {
+ id: 'description',
+ header: 'Description',
+ accessorKey: 'name',
+ minSize: 200,
+ size: 250,
+ maxSize: 300,
+ },
+ {
+ id: 'dueDate',
+ header: 'dueDate',
+ accessorKey: 'dueDate',
+ cell: ({ row }) => row.original.dueDate.toLocaleString(),
+ minSize: 150,
+ size: 200,
+ maxSize: 200,
+ },
+ {
+ id: 'patient',
+ header: 'Patient',
+ accessorFn: ({ patient }) => patient?.name,
+ sortingFn: 'text',
+ minSize: 250,
+ size: 250,
+ maxSize: 400,
+ },
+ {
+ id: 'room',
+ header: 'Room',
+ accessorFn: ({ room }) => room?.name,
+ minSize: 250,
+ size: 250,
+ maxSize: 400,
+ },
+ {
+ id: 'status',
+ header: 'status',
+ accessorKey: 'done',
+ cell: ({ row }) => (
+
+ {row.original.done ? 'done' : 'todo'}
+
+ ),
+ minSize: 250,
+ size: 250,
+ maxSize: 400,
+ },
+ {
+ id: 'actions',
+ header: 'Actions',
+ cell: ({ row }) => {
+ const task = row.original
+ return (
+ {
+ console.log(`clicked on finish of task ${task.id}`)
+ }}
+ >
+ {'Finish'}
+
+ )
+ },
+ enableSorting: false,
+ enableColumnFilter: false,
+ size: 120,
+ minSize: 100,
+ maxSize: 150
+ }
+ ], [])
+
+ const { data, isLoading } = useMyQueryQuery()
+ return (
+
+
+
+
+ {isLoading ? 'Loading' : data?.patients.toString()}
+
+
+ )
+}
+
+export default withAuth(Dashboard)
diff --git a/web/pages/tasks/index.tsx b/web/pages/tasks/index.tsx
new file mode 100644
index 0000000..f8c07d4
--- /dev/null
+++ b/web/pages/tasks/index.tsx
@@ -0,0 +1,263 @@
+import type { NextPage } from 'next'
+import { Page } from '@/components/layout/Page'
+import titleWrapper from '@/utils/titleWrapper'
+import { useTasksTranslation } from '@/i18n/useTasksTranslation'
+import { ContentPanel } from '@/components/layout/ContentPanel'
+import { Chip, SolidButton, Table } from '@helpwave/hightide'
+import { useMemo } from 'react'
+import type { ColumnDef } from '@tanstack/table-core'
+import { withAuth } from '@/hooks/useAuth'
+import { useMyQueryQuery } from '@/api/gql/generated'
+
+type Patient = {
+ name: string,
+}
+
+type Room = {
+ name: string,
+}
+
+type Task = {
+ id: string,
+ name: string,
+ dueDate: Date,
+ patient?: Patient,
+ room?: Room,
+ done: boolean,
+}
+
+const tasks: Task[] = [
+ {
+ id: 't1',
+ name: 'Check vitals',
+ dueDate: new Date('2025-01-10T08:00'),
+ patient: { name: 'Alice Kim' },
+ done: false
+ },
+ {
+ id: 't2',
+ name: 'Administer medication',
+ dueDate: new Date('2025-01-10T09:30'),
+ patient: { name: 'John Park' },
+ done: false
+ },
+ {
+ id: 't3',
+ name: 'Prepare room for surgery',
+ dueDate: new Date('2025-01-10T10:00'),
+ room: { name: 'OR-2' },
+ done: false
+ },
+ {
+ id: 't4',
+ name: 'Daily wound inspection',
+ dueDate: new Date('2025-01-10T11:00'),
+ patient: { name: 'Sarah Lee' },
+ done: false
+ },
+ {
+ id: 't5',
+ name: 'Clean recovery room',
+ dueDate: new Date('2025-01-10T12:00'),
+ room: { name: 'Recovery-5' },
+ done: false
+ },
+ {
+ id: 't6',
+ name: 'Update patient chart',
+ dueDate: new Date('2025-01-10T13:00'),
+ patient: { name: 'Daniel Cho' },
+ done: false
+ },
+ {
+ id: 't7',
+ name: 'Disinfect equipment',
+ dueDate: new Date('2025-01-10T14:00'),
+ room: { name: 'Utility-3' },
+ done: true
+ },
+ {
+ id: 't8',
+ name: 'Prepare IV line',
+ dueDate: new Date('2025-01-10T14:30'),
+ patient: { name: 'Emma Yoon' },
+ done: false
+ },
+ {
+ id: 't9',
+ name: 'Room ventilation check',
+ dueDate: new Date('2025-01-10T15:00'),
+ room: { name: 'ICU-1' },
+ done: false
+ },
+ {
+ id: 't10',
+ name: 'Transport patient for imaging',
+ dueDate: new Date('2025-01-10T15:30'),
+ patient: { name: 'Michael Han' },
+ done: true
+ },
+ {
+ id: 't11',
+ name: 'Replace linens',
+ dueDate: new Date('2025-01-10T16:00'),
+ room: { name: 'Room-204' },
+ done: false
+ },
+ {
+ id: 't12',
+ name: 'Monitor infusion pump',
+ dueDate: new Date('2025-01-10T16:30'),
+ patient: { name: 'Grace Jung' },
+ done: false
+ },
+ {
+ id: 't13',
+ name: 'Calibrate sensors',
+ dueDate: new Date('2025-01-10T17:00'),
+ room: { name: 'Lab-1' },
+ done: true
+ },
+ {
+ id: 't14',
+ name: 'Check oxygen supply',
+ dueDate: new Date('2025-01-10T17:30'),
+ room: { name: 'ICU-3' },
+ done: false
+ },
+ {
+ id: 't15',
+ name: 'Assist with mobility',
+ dueDate: new Date('2025-01-10T18:00'),
+ patient: { name: 'Henry Park' },
+ done: false
+ },
+ {
+ id: 't16',
+ name: 'Inventory medications',
+ dueDate: new Date('2025-01-10T18:30'),
+ room: { name: 'Pharmacy' },
+ done: true
+ },
+ {
+ id: 't17',
+ name: 'Measure blood glucose',
+ dueDate: new Date('2025-01-10T19:00'),
+ patient: { name: 'Lina Seo' },
+ done: false
+ },
+ {
+ id: 't18',
+ name: 'Sanitize surfaces',
+ dueDate: new Date('2025-01-10T19:30'),
+ room: { name: 'ER-2' },
+ done: false
+ },
+ {
+ id: 't19',
+ name: 'Check respiratory status',
+ dueDate: new Date('2025-01-10T20:00'),
+ patient: { name: 'Robert Shin' },
+ done: false
+ },
+ {
+ id: 't20',
+ name: 'Test emergency lighting',
+ dueDate: new Date('2025-01-10T20:30'),
+ room: { name: 'Hallway-A' },
+ done: true
+ }
+]
+
+
+const Dashboard: NextPage = () => {
+ const translation = useTasksTranslation()
+
+ const columns = useMemo[]>(() => [
+ {
+ id: 'description',
+ header: 'Description',
+ accessorKey: 'name',
+ minSize: 200,
+ size: 250,
+ maxSize: 300,
+ },
+ {
+ id: 'dueDate',
+ header: 'dueDate',
+ accessorKey: 'dueDate',
+ cell: ({ row }) => row.original.dueDate.toLocaleString(),
+ minSize: 150,
+ size: 200,
+ maxSize: 200,
+ },
+ {
+ id: 'patient',
+ header: 'Patient',
+ accessorFn: ({ patient }) => patient?.name,
+ sortingFn: 'text',
+ minSize: 250,
+ size: 250,
+ maxSize: 400,
+ },
+ {
+ id: 'room',
+ header: 'Room',
+ accessorFn: ({ room }) => room?.name,
+ minSize: 250,
+ size: 250,
+ maxSize: 400,
+ },
+ {
+ id: 'status',
+ header: 'status',
+ accessorKey: 'done',
+ cell: ({ row }) => (
+
+ {row.original.done ? 'done' : 'todo'}
+
+ ),
+ minSize: 250,
+ size: 250,
+ maxSize: 400,
+ },
+ {
+ id: 'actions',
+ header: 'Actions',
+ cell: ({ row }) => {
+ const task = row.original
+ return (
+ {
+ console.log(`clicked on finish of task ${task.id}`)
+ }}
+ >
+ {'Finish'}
+
+ )
+ },
+ enableSorting: false,
+ enableColumnFilter: false,
+ size: 120,
+ minSize: 100,
+ maxSize: 150
+ }
+ ], [])
+
+ const { data, isLoading } = useMyQueryQuery()
+ return (
+
+
+
+
+ {isLoading ? 'Loading' : data?.patients.toString()}
+
+
+ )
+}
+
+export default withAuth(Dashboard)
diff --git a/web/tsconfig.json b/web/tsconfig.json
index 2b9d863..220a868 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -15,7 +15,7 @@
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
- "jsx": "preserve",
+ "jsx": "react-jsx",
"incremental": true,
"forceConsistentCasingInFileNames": true,
"allowSyntheticDefaultImports": true,