feat(routes): add missing metadata & formatting

devnote-dev · devnote-dev · commit d8ccb263e7cd · 2023-01-12T00:28:11.000Z
diff --git a/app/routes/account/api.tsx b/app/routes/account/api.tsx
@@ -1,4 +1,4 @@
-import { ActionArgs, json, LoaderArgs } from '@remix-run/node';
+import { ActionArgs, json, LoaderArgs, MetaFunction } from '@remix-run/node';
 import { Form, useActionData, useLoaderData } from '@remix-run/react';
 import { BsCheckCircle, BsFillKeyFill, BsTrashFill } from 'react-icons/bs';
 import { checkbox, formData, text } from 'zod-form-data';
@@ -12,6 +12,10 @@ import { createKey, deleteKey, getUserKeys } from '~/models/apikey.server';
 import { parseAPI } from '~/models/permissions.server';
 import { requireUser } from '~/session.server';
 
+export const meta: MetaFunction = () => ({
+  title: 'API • Account',
+});
+
 export async function action({ request }: ActionArgs) {
   const user = await requireUser(request);
   const data = await request.formData();
diff --git a/app/routes/account/index.tsx b/app/routes/account/index.tsx
@@ -1,4 +1,4 @@
-import { ActionArgs, json, LoaderArgs } from '@remix-run/node';
+import { ActionArgs, json, LoaderArgs, MetaFunction } from '@remix-run/node';
 import { useActionData, useLoaderData } from '@remix-run/react';
 import { BsCheckCircle } from 'react-icons/bs';
 import { string } from 'zod';
@@ -17,6 +17,10 @@ import {
 } from '~/models/user.server';
 import { requireUser } from '~/session.server';
 
+export const meta: MetaFunction = () => ({
+  title: 'Account',
+});
+
 export async function loader({ request }: LoaderArgs) {
   const user = await requireUser(request);
   return json({ user });
diff --git a/app/routes/dashboard/index.tsx b/app/routes/dashboard/index.tsx
@@ -7,6 +7,10 @@ import ServerRow from '~/components/ServerRow';
 import { getRemoteUserServers } from '~/models/remote.server';
 import { requireUser } from '~/session.server';
 
+export const meta: MetaFunction = () => ({
+  title: 'Dashboard',
+});
+
 export async function loader({ request }: LoaderArgs) {
   const user = await requireUser(request);
   const data = await getRemoteUserServers(user.id);
@@ -18,10 +22,6 @@ export async function loader({ request }: LoaderArgs) {
   });
 }
 
-export const meta: MetaFunction = () => ({
-  title: 'Dashboard',
-});
-
 export default function Dashboard() {
   const { servers, user } = useLoaderData<typeof loader>();
 
diff --git a/app/routes/login.tsx b/app/routes/login.tsx
@@ -1,4 +1,4 @@
-import { type ActionArgs, json, LoaderArgs, redirect } from '@remix-run/node';
+import { type ActionArgs, json, LoaderArgs, MetaFunction, redirect } from '@remix-run/node';
 import { Link, useActionData } from '@remix-run/react';
 import { string } from 'zod';
 import { checkbox, formData, text } from 'zod-form-data';
@@ -11,6 +11,10 @@ import { verifyLogin } from '~/models/user.server';
 import { createUserSession, getUser } from '~/session.server';
 import { safeRedirect } from '~/utils';
 
+export const meta: MetaFunction = () => ({
+  title: 'Login',
+});
+
 export async function loader({ request }: LoaderArgs) {
   const user = await getUser(request);
   if (user) return redirect('/dashboard');
diff --git a/app/routes/signup.tsx b/app/routes/signup.tsx
@@ -1,4 +1,4 @@
-import { type ActionArgs, json, LoaderArgs, redirect } from '@remix-run/node';
+import { type ActionArgs, json, LoaderArgs, MetaFunction, redirect } from '@remix-run/node';
 import { Link, useActionData } from '@remix-run/react';
 import { string } from 'zod';
 import { checkbox, formData, text } from 'zod-form-data';
@@ -11,6 +11,10 @@ import { createUser } from '~/models/user.server';
 import { createUserSession, getUser } from '~/session.server';
 import { safeRedirect } from '~/utils';
 
+export const meta: MetaFunction = () => ({
+  title: 'Sign Up',
+});
+
 export async function loader({ request }: LoaderArgs) {
   const user = await getUser(request);
   if (user) return redirect('/dashboard');
