Adds breadcrumbs to synonym pages

Courey · Dec 10, 2024 · 9a8df1c · 9a8df1c
1 parent ebbc643
commit 9a8df1c
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/app/routes/synonyms.$synonymId.tsx b/app/routes/synonyms.$synonymId.tsx
@@ -5,6 +5,7 @@
  *
  * SPDX-License-Identifier: Apache-2.0
  */
+import type { SEOHandle } from '@nasa-gcn/remix-seo'
 import type { ActionFunctionArgs, LoaderFunctionArgs } from '@remix-run/node'
 import { redirect } from '@remix-run/node'
 import {
@@ -43,6 +44,12 @@ import {
 import DetailsDropdownContent from '~/components/DetailsDropdownContent'
 import { ToolbarButtonGroup } from '~/components/ToolbarButtonGroup'
 import { getFormDataString } from '~/lib/utils'
+import type { BreadcrumbHandle } from '~/root/Title'
+
+export const handle: BreadcrumbHandle & SEOHandle = {
+  breadcrumb: 'Edit',
+  getSitemapEntries: () => null,
+}
 
 export async function loader({
   request,

diff --git a/app/routes/synonyms.new.tsx b/app/routes/synonyms.new.tsx
@@ -5,6 +5,7 @@
  *
  * SPDX-License-Identifier: Apache-2.0
  */
+import type { SEOHandle } from '@nasa-gcn/remix-seo'
 import type { ActionFunctionArgs, LoaderFunctionArgs } from '@remix-run/node'
 import {
   Form,
@@ -32,6 +33,12 @@ import {
 } from './synonyms/synonyms.server'
 import DetailsDropdownContent from '~/components/DetailsDropdownContent'
 import { getFormDataString } from '~/lib/utils'
+import type { BreadcrumbHandle } from '~/root/Title'
+
+export const handle: BreadcrumbHandle & SEOHandle = {
+  breadcrumb: 'New',
+  getSitemapEntries: () => null,
+}
 
 export async function action({ request }: ActionFunctionArgs) {
   const user = await getUser(request)

diff --git a/app/routes/synonyms/route.tsx b/app/routes/synonyms/route.tsx
@@ -5,12 +5,19 @@
  *
  * SPDX-License-Identifier: Apache-2.0
  */
+import type { SEOHandle } from '@nasa-gcn/remix-seo'
 import type { LoaderFunctionArgs } from '@remix-run/node'
 import { Outlet } from '@remix-run/react'
 import { GridContainer } from '@trussworks/react-uswds'
 
 import { getUser } from '../_auth/user.server'
 import { moderatorGroup } from '../circulars/circulars.server'
+import type { BreadcrumbHandle } from '~/root/Title'
+
+export const handle: BreadcrumbHandle & SEOHandle = {
+  breadcrumb: 'Synonyms',
+  getSitemapEntries: () => null,
+}
 
 export async function loader({ request }: LoaderFunctionArgs) {
   const user = await getUser(request)