(
+
+
+
+
+
+ {feature.title}
+
+
+ {feature.description}
+
+
+));
+
+const rem = (value: number) => `${value / 16}rem`;
+
+const useStyles = createStyles((theme) => ({
+ wrapper: {
+ position: 'relative',
+ boxSizing: 'border-box',
+ backgroundColor:
+ theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.white
+ },
+
+ inner: {
+ position: 'relative',
+ paddingTop: rem(32),
+ paddingBottom: rem(32),
+
+ [theme.fn.smallerThan('sm')]: {
+ paddingBottom: rem(16),
+ paddingTop: rem(16)
+ }
+ },
+
+ title: {
+ fontSize: rem(62),
+ fontWeight: 900,
+ lineHeight: 1.1,
+ margin: 0,
+ padding: 0,
+ color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+
+ [theme.fn.smallerThan('sm')]: {
+ fontSize: rem(42),
+ lineHeight: 1.2
+ }
+ },
+
+ description: {
+ marginTop: theme.spacing.xl,
+ fontSize: rem(24),
+
+ [theme.fn.smallerThan('sm')]: {
+ fontSize: rem(18)
+ }
+ },
+
+ controls: {
+ marginTop: `calc(${theme.spacing.xl}px * 2)`,
+
+ [theme.fn.smallerThan('sm')]: {
+ marginTop: theme.spacing.xl
+ }
+ },
+
+ control: {
+ height: rem(54),
+ paddingLeft: rem(38),
+ paddingRight: rem(38),
+
+ [theme.fn.smallerThan('sm')]: {
+ height: rem(54),
+ paddingLeft: rem(18),
+ paddingRight: rem(18),
+ flex: 1
+ }
+ }
+}));
+
export default function Index() {
+ const { classes } = useStyles();
+
return (
-
+ Get started
+
+
+
}
+ >
+ GitHub
+
+
+
+
+
+
+ Features
+
+
+ {items}
+
+
+
+
+
+ Light/dark theme
+
+
+
+
+
+
+
+
+ Time entries management
+
+
+
+
+
+
+
+ Reports
+
+
+
+
+
+
+
+ Projects
+
+
+
+
+
+
+
+
+
);
}
diff --git a/app/routes/login.tsx b/app/routes/login.tsx
index da768e2..2668e8e 100644
--- a/app/routes/login.tsx
+++ b/app/routes/login.tsx
@@ -17,7 +17,7 @@ import {
Title
} from '@mantine/core';
import { AtSign, Lock } from 'react-feather';
-import { verifyLogin } from '~/models/user.server';
+import { countUsers, verifyLogin } from '~/models/user.server';
import { createUserSession, getUserId } from '~/session.server';
import { safeRedirect, validateEmail } from '~/utils';
import { isSignupAllowed } from '~/config.server';
@@ -26,8 +26,11 @@ export async function loader({ request }: LoaderArgs) {
const userId = await getUserId(request);
if (userId) return redirect('/time-entries');
+ const isFirstUser = (await countUsers()) === 0;
+ if (isFirstUser) return redirect('/signup');
+
return json({
- ALLOW_USER_SIGNUP: isSignupAllowed()
+ ALLOW_USER_SIGNUP: await isSignupAllowed()
});
}
diff --git a/app/routes/settings.tsx b/app/routes/settings.tsx
new file mode 100644
index 0000000..ca2e4b2
--- /dev/null
+++ b/app/routes/settings.tsx
@@ -0,0 +1,176 @@
+import {
+ Button,
+ Paper,
+ Checkbox,
+ TextInput,
+ Alert,
+ Container
+} from '@mantine/core';
+import {
+ ActionArgs,
+ json,
+ LoaderArgs,
+ MetaFunction,
+ redirect
+} from '@remix-run/node';
+import { Form, useCatch, useLoaderData } from '@remix-run/react';
+import { requireAdminUserId } from '~/session.server';
+import { getSettings, updateSetting } from '~/models/settings.server';
+import { Settings } from '~/models/settings.server';
+import { isSignupAllowed } from '~/config.server';
+import { AlertTriangle } from 'react-feather';
+
+export const meta: MetaFunction = () => {
+ return {
+ title: 'Settings | WorkTimer',
+ description:
+ 'Manage your WorkTimer instance. You must be logged in to do this.'
+ };
+};
+
+export async function loader({ request }: LoaderArgs) {
+ const userId = await requireAdminUserId(request);
+ if (!userId) return redirect('/login');
+
+ const settings = await getSettings();
+
+ if (!settings || !settings.find((s) => s.id === 'ALLOW_USER_SIGNUP')) {
+ return json({
+ settings: [
+ ...((settings || []).filter((s) => s.id !== 'ALLOW_USER_SIGNUP') || []),
+ {
+ id: 'ALLOW_USER_SIGNUP',
+ value: (await isSignupAllowed()) ? 'true' : 'false'
+ }
+ ]
+ });
+ }
+
+ return json({
+ settings
+ });
+}
+
+export async function action({ request }: ActionArgs) {
+ await requireAdminUserId(request);
+
+ const formData = await request.formData();
+ const id = (formData.get('id') || undefined) as string | undefined;
+ const value = (formData.get('value') || undefined) as
+ | string
+ | boolean
+ | undefined;
+
+ if (!id) {
+ throw new Response('Missing setting id', { status: 422 });
+ }
+
+ let parsedValue;
+ if (value === 'true' || value === 'on' || value === true) {
+ parsedValue = 'true';
+ } else if (value === 'false' || value === 'off' || value === false) {
+ parsedValue = 'false';
+ } else if (typeof value === 'string') {
+ parsedValue = value;
+ } else {
+ parsedValue = 'false';
+ }
+
+ await updateSetting({
+ id,
+ value: parsedValue
+ });
+
+ return redirect('/settings');
+}
+
+export default function Settings() {
+ const data = useLoaderData
();
+
+ return (
+
+
+ Settings
+
+
+
+
+ {data.settings.map((setting) => (
+
+ ))}
+
+
+