fix: syntactic simplifications to Breadcrumbs useMemo and HomepageCon…

…tent classnames
ably · Feb 13, 2025 · 98236b7 · 98236b7
1 parent a3db8ef
commit 98236b7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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;