From 98236b740b6625de865b31ffcf28ec1865a15862 Mon Sep 17 00:00:00 2001
From: Jamie Henson <jamie.henson@ably.com>
Date: Thu, 13 Feb 2025 16:07:05 +0000
Subject: [PATCH] fix: syntactic simplifications to Breadcrumbs useMemo and
 HomepageContent classnames

---
 src/components/Homepage/HomepageContent.tsx | 2 +-
 src/components/Layout/Breadcrumbs.tsx       | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Homepage/HomepageContent.tsx b/src/components/Homepage/HomepageContent.tsx
index 8c483964f7..dcdcf369da 100644
--- a/src/components/Homepage/HomepageContent.tsx
+++ b/src/components/Homepage/HomepageContent.tsx
@@ -23,7 +23,7 @@ export type SectionProps = {
 };
 
 export const HomepageContent = ({ sections, images }: { sections: SectionProps[]; images: ImageProps[] }) => (
-  <article className="mx-auto" style={{ maxWidth: '960px' }}>
+  <article className="mx-auto max-w-[960px]">
     {sections.map((section, index) => (
       <BodySection key={index} section={section} images={images} />
     ))}
diff --git a/src/components/Layout/Breadcrumbs.tsx b/src/components/Layout/Breadcrumbs.tsx
index 00f565816b..ea0b1cb0ba 100644
--- a/src/components/Layout/Breadcrumbs.tsx
+++ b/src/components/Layout/Breadcrumbs.tsx
@@ -8,9 +8,10 @@ import { hierarchicalKey } from './utils/nav';
 const Breadcrumbs: React.FC = () => {
   const { activePage } = useLayoutContext();
 
-  const breadcrumbNodes = useMemo(() => {
-    return activePage?.tree.filter((node) => node.page.link !== '#') ?? [];
-  }, [activePage.tree]);
+  const breadcrumbNodes = useMemo(
+    () => activePage?.tree.filter((node) => node.page.link !== '#') ?? [],
+    [activePage.tree],
+  );
 
   if (breadcrumbNodes.length === 0) {
     return null;