From e2c121abf114eb694dc96e145e154a2daf95de02 Mon Sep 17 00:00:00 2001
From: Timothy Kostolansky <39891386+tim0120@users.noreply.github.com>
Date: Thu, 21 Nov 2024 14:27:15 -0800
Subject: [PATCH] ty ESLint :) 2

---
 src/app/projects/[slug]/page.tsx              |  1 -
 src/components/PageNav.tsx                    |  2 +-
 src/components/projects/EmojiSearch/index.tsx | 10 +++++++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/projects/[slug]/page.tsx b/src/app/projects/[slug]/page.tsx
index 9efd192..927a42b 100644
--- a/src/app/projects/[slug]/page.tsx
+++ b/src/app/projects/[slug]/page.tsx
@@ -6,7 +6,6 @@ import { getProjectData, getAllProjectSlugs } from '@/lib/projects'
 // Dynamically import project components
 const PROJECT_COMPONENTS = {
   'emoji-search': dynamic(() => import('@/components/projects/EmojiSearch')),
-  // 'data-viz': dynamic(() => import('@/components/projects/DataVizProject')),
 }
 
 type Props = {
diff --git a/src/components/PageNav.tsx b/src/components/PageNav.tsx
index 1564b7d..a2c70c6 100644
--- a/src/components/PageNav.tsx
+++ b/src/components/PageNav.tsx
@@ -7,7 +7,7 @@ export default function PageNav() {
     <div className="mb-8">
       <div className="flex justify-between">
         <div className="flex items-center space-x-4">
-          <Image src="/favicon.png" alt="favicon" className="w-6 h-6" />
+          <Image src="/favicon.png" alt="favicon" width={24} height={24} />
           <Link href="/" className="hover:underline">home</Link>
           <Link href="/blog" className="hover:underline">blog</Link>
           <Link href="/projects" className="hover:underline">projects</Link>
diff --git a/src/components/projects/EmojiSearch/index.tsx b/src/components/projects/EmojiSearch/index.tsx
index f2b7ba9..e113cfc 100644
--- a/src/components/projects/EmojiSearch/index.tsx
+++ b/src/components/projects/EmojiSearch/index.tsx
@@ -61,7 +61,13 @@ function SearchStatusDisplay({
 
   return (<div className="mt-5">{content}</div>);
 }
-export default function EmojiSearch() {
+export default function EmojiSearch({
+  title,
+  description
+}:{
+  title: string
+  description: string
+}) {
   const [query, setQuery] = useState('');
   const [searchState, setSearchState] = useState<'init' | 'search' | 'success' | 'failure'>('init');
   const [results, setResults] = useState<string[]>([]);
@@ -119,6 +125,8 @@ export default function EmojiSearch() {
   return (
     <div className="p-8 flex flex-col items-center">
       <PageTitle />
+      <h1 className="sr-only">{title}</h1>
+      <p className="sr-only">{description}</p>
       <SearchForm
         query={query}
         setQuery={setQuery}