cleanup

src/app/search/web/page.jsx

@@ -32,5 +32,5 @@ export default async function WebSearchPage({ searchParams }) {
       </div>
     );
   }
-  return <>{results && <WebSearchResults results={data} />}</>;
+  return <>{results && <><WebSearchResults results={data} /><WebSearchResults results={data} /></>}</>;
 }

src/components/ImageSearchResults.jsx

@@ -15,12 +15,12 @@ export default function ImageSearchResults({ results }) {
                   className="h-60 group-hover:shadow-xl w-full object-contain transition-shadow"
                 />
               </Link>
-              <Link href={result.image.contextLink}>
+              <Link rel="noopener noreferrer" target="_blank" href={result.image.contextLink}>
                 <h2 className="group-hover:underline truncate text-xl">
                   {result.title}
                 </h2>
               </Link>
-              <Link href={result.image.contextLink}>
+              <Link rel="noopener noreferrer" target="_blank" href={result.image.contextLink}>
                 <p className="group-hover:underline text-gray-600">
                   {result.displayLink}
                 </p>

src/components/SearchHeaderOptions.jsx

@@ -12,14 +12,6 @@ export default function SearchHeaderOptions() {
   }
   return (
     <div className="flex space-x-2 select-none border-b w-full justify-center lg:justify-start lg:pl-52 text-gray-700 text-sm">
-      <div onClick={()=>selectTab("All")} className={`flex items-center space-x-1 border-b-4 border-transparent active:text-blue-500 cursor-pointer pb-3 px-2 ${pathname === "/search/web" && "!text-blue-600 !border-blue-600"}`}>
-        <AiOutlineSearch className="text-md"/>
-        <p>All</p>
-      </div>
-      <div onClick={()=>selectTab("Images")} className={`flex items-center space-x-1 border-b-4 border-transparent active:text-blue-500 cursor-pointer pb-3 px-2 ${pathname === "/search/image" && "!text-blue-600 !border-blue-600"}`}>
-        <AiOutlineCamera className="text-md"/>
-        <p>Images</p>
-      </div>
     </div>
   )
 }

src/components/WebSearchResults.jsx

@@ -12,10 +12,11 @@ export default function WebSearchResults({ results }) {
       {results.items?.map((result) => (
         <div className="mb-8 max-w-xl" key={result.link}>
           <div className="group flex flex-col">
-            <Link className="text-sm truncate" href={result.link}>
+            <Link rel="noopener noreferrer" target="_blank" className="text-sm truncate" href={result.link}>
               {result.formattedUrl}
             </Link>
             <Link
+              rel="noopener noreferrer" target="_blank"
               className="group-hover:underline decoration-blue-800 text-xl truncate font-medium text-blue-800"
               href={result.link}
             >