- );
+
+ return ;
}
diff --git a/app/routes/_app.tags._index.tsx b/app/routes/_app.tags._index.tsx
index a72023f9..c1ce2992 100644
--- a/app/routes/_app.tags._index.tsx
+++ b/app/routes/_app.tags._index.tsx
@@ -5,9 +5,6 @@ import {
} from '@remix-run/node';
import { useLoaderData } from '@remix-run/react';
import kebabCase from 'lodash/kebabCase';
-import Nav from '~/navigation/nav';
-import NavDivider from '~/navigation/nav-divider';
-import NavLink from '~/navigation/nav-link';
import TagLink from '~/tags/tag-link';
import Tag from '~/tags/tag';
import { getEnvVars } from '~/utils/env.server';
@@ -82,20 +79,7 @@ export const meta = mergeMeta(() => {
export default function TagsPage() {
const { tags } = useLoaderData();
- return (
-
-
-
-
-
-
- );
+ return ;
}
function TagList({ tags }: { tags: Array }) {
diff --git a/app/routes/_app.tags.tsx b/app/routes/_app.tags.tsx
new file mode 100644
index 00000000..7e6f40bf
--- /dev/null
+++ b/app/routes/_app.tags.tsx
@@ -0,0 +1,5 @@
+import type { AppRouteHandle } from '~/types';
+
+export const handle: AppRouteHandle = {
+ breadcrumb: () => ({ title: 'Tags' }),
+};
diff --git a/app/routes/_app.tsx b/app/routes/_app.tsx
index 07d12aa6..981ffc3e 100644
--- a/app/routes/_app.tsx
+++ b/app/routes/_app.tsx
@@ -3,10 +3,10 @@ import { Outlet } from '@remix-run/react';
// Currently, the only purpose for this pathless layout route is to render an
// error fallback for any errors that are thrown within the app (anything below
// this pathless route). This happens here instead of in the root route so the
-// error fallback gets rendered within the app layout. In the event something in
-// the app layout itself (e.g., the Header component) throws an error, it will
-// not be caught here and it will be handled by the root route (or Remix itself
-// if there are no boundaries defined in the root route).
+// error fallback gets rendered within the root layout. In the event something
+// in the root layout itself (e.g., the Header component) throws an error, it
+// will not be caught here and it will be handled by the root route (or Remix
+// itself if there are no boundaries defined in the root route).
export default function AppLayout() {
return ;
diff --git a/app/types.ts b/app/types.ts
index 9920ffce..38ba644c 100644
--- a/app/types.ts
+++ b/app/types.ts
@@ -1,3 +1,5 @@
+import type { BreadcrumbHandle } from '~/navigation/breadcrumbs';
+
export interface DrinksResponse {
errors?: Array<{
message: string;
@@ -53,3 +55,8 @@ export interface EnhancedDrink {
notes?: Drink['notes'];
tags?: Drink['tags'];
}
+
+// While this only includes BreadcrumbHandle at the moment, they are
+// semantically different and it may end up an intersection of multiple types in
+// the future.
+export type AppRouteHandle = BreadcrumbHandle;