perf: optimize next/image properties

moonlitgrace · Aug 26, 2024 · a4251ab · a4251ab
1 parent d3df0a5
commit a4251ab
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/writings/[slug]/page.tsx b/app/writings/[slug]/page.tsx
@@ -53,9 +53,9 @@ export default async function Page({ params }: { params: { slug: string } }) {
             <Image
               src={postData.cover}
               alt={postData.title}
+              priority={true}
               fill
-              objectFit="cover"
-              className="rounded-2xl"
+              className="rounded-2xl object-cover"
             />
           </div>
         )}

diff --git a/components/toc.tsx b/components/toc.tsx
@@ -32,8 +32,8 @@ const TableOfContents = ({ headings }: { headings: string[] }) => {
         >
           <h3 className="font-bold">Table of Contents</h3>
           <div className="flex flex-col gap-1">
-            {headings.map((heading) => (
-              <a className="w-max font-medium underline" href={`#${escapeText(heading)}`}>
+            {headings.map((heading, idx) => (
+              <a key={idx} className="w-max font-medium underline" href={`#${escapeText(heading)}`}>
                 <span className="text-primary">#.&nbsp;</span>
                 {heading}
               </a>