38 lines
901 B
TypeScript
38 lines
901 B
TypeScript
|
import { Box, Paper } from '@mantine/core';
|
||
|
|
import { MetaFunction, LoaderArgs, redirect, json } from '@remix-run/node';
|
||
|
|
import { useLoaderData } from '@remix-run/react';
|
||
|
|
import { getTimeEntries } from '~/models/timeEntry.server';
|
||
|
|
import { requireUserId } from '~/session.server';
|
||
|
|
|
||
|
|
export const meta: MetaFunction = () => {
|
||
|
|
return {
|
||
|
|
title: 'Statistics | WorkTimer',
|
||
|
|
description:
|
||
|
|
'See statistics about your time entries. You must be logged in to do this.'
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
export async function loader({ request }: LoaderArgs) {
|
||
|
|
const userId = await requireUserId(request);
|
||
|
|
if (!userId) return redirect('/login');
|
||
|
|
|
||
|
|
return json({
|
||
|
|
...(await getTimeEntries({
|
||
|
|
userId
|
||
|
|
}))
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function ReportPage() {
|
||
|
|
const data = useLoaderData();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<h1>Statistics</h1>
|
||
|
|
<Paper p="lg" radius="md">
|
||
|
|
Coming soon
|
||
|
|
</Paper>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|