Separate client & server utility functions

src/components/Layout.tsx

@@ -0,0 +1,22 @@
+import { FunctionComponent } from 'react';
+import { classNames } from '@/utils/client';
+
+export type LayoutProps = {
+	className?: string;
+	children: React.ReactNode;
+};
+
+const Layout: FunctionComponent<LayoutProps> = ({ children, className }) => {
+	return (
+		<div
+			className={classNames(
+				'flex text-zinc-200 bg-zinc-900 min-h-screen h-full flex-col justify-center py-12 sm:px-6 lg:px-8',
+				className
+			)}
+		>
+			{children}
+		</div>
+	);
+};
+
+export default Layout;

src/pages/api/check.ts

@@ -1,5 +1,5 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
-import { unauthorized } from '@/utils/helpers';
+import { unauthorized } from '@/utils/server';
 
 type StatusData = { status: ResponseStatus };
 

src/pages/api/config.ts

@@ -1,7 +1,7 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
 import { fetchConfiguration, setConfiguration } from '@/db';
 import { Configuration, ConfigurationSchema } from '@/timing';
-import { unauthorized } from '@/utils/helpers';
+import { unauthorized } from '@/utils/server';
 
 type StatusData = { status: ResponseStatus };
 

src/pages/api/cron.ts

@@ -11,7 +11,8 @@ import {
 } from '@/db';
 import { localNow } from '@/utils/timezone';
 import logger from '@/logger';
-import { parseBoolean, unauthorized } from '@/utils/helpers';
+import { parseBoolean } from '@/utils/client';
+import { unauthorized } from '@/utils/server';
 
 type ResponseData = {
 	diff: number;

src/utils/client.ts

@@ -0,0 +1,12 @@
+export function parseBoolean(
+	value: string | string[] | undefined | null
+): boolean {
+	if (value == undefined) return false;
+	if (Array.isArray(value)) return false;
+	value = value.toLowerCase();
+	return value === 'true' || value === '1' || value === 'yes';
+}
+
+export function classNames(...classes: (string | undefined)[]): string {
+	return classes.filter(Boolean).join(' ');
+}

src/utils/server.ts

@@ -12,13 +12,4 @@ export function unauthorized(
 		return true;
 	}
 	return false;
-}
-
-export function parseBoolean(
-	value: string | string[] | undefined | null
-): boolean {
-	if (value == undefined) return false;
-	if (Array.isArray(value)) return false;
-	value = value.toLowerCase();
-	return value === 'true' || value === '1' || value === 'yes';
-}
+}