Fix ArticleList import + don't pass blurWidth/blurHeight (temporarily)

CodeForAfrica · Sep 9, 2024 · da93af7 · da93af7
1 parent e7cbb35
commit da93af7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/apps/engineeringblog/app/layout.tsx b/apps/engineeringblog/app/layout.tsx
@@ -5,7 +5,6 @@ import type { Metadata } from "next";
 import NavBar from "@/engineeringblog/components/NavBar";
 import theme from "@/engineeringblog/theme";
 
-// TODO: blurWidth/blueHeight https://github.com/vercel/next.js/issues/56511
 import logoLight from "@/engineeringblog/assets/images/logo-light.png";
 
 export const metadata: Metadata = {
@@ -19,8 +18,10 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  // TODO: blurWidth/blurHeight https://github.com/vercel/next.js/issues/56511
+  const { blurWidth, blurHeight, ...logoProps } = logoLight;
   const logo = {
-    ...logoLight,
+    ...logoProps,
     alt: "Technology | Code for Africa",
     title: "Technology",
   };

diff --git a/apps/engineeringblog/app/page.tsx b/apps/engineeringblog/app/page.tsx
@@ -1,5 +1,6 @@
 import { Section } from "@commons-ui/core";
-import { ArticleList } from "@/engineeringblog/components/Article";
+
+import ArticleList from "@/engineeringblog/components/ArticleList";
 import { getAllContents } from "@/engineeringblog/utils";
 
 export default async function index() {