Add copy toast feedback

app/components/Footer.tsx

@@ -2,8 +2,8 @@ import Link from 'next/link';
 
 export function Footer() {
   return (
-    <footer className="mt-14 border-t border-black/15 dark:border-white/10 bg-transparent pt-10 pb-24 md:pb-6 text-sm transition-colors">
-      <div className="mx-auto flex max-w-7xl flex-col items-center text-center  justify-between gap-8 px-6 md:flex-row md:items-start md:text-left">
+    <footer className="mt-14 border-t border-black/15 bg-transparent pt-10 pb-4 text-sm transition-colors dark:border-white/10">
+      <div className="mx-auto flex max-w-7xl flex-col items-start justify-between gap-8 px-6 md:flex-row">
         {/* LEFT */}
         <div className="text-center md:text-left">
           <h2 className="text-lg font-semibold text-black dark:text-white">CommitPulse</h2>
@@ -14,14 +14,14 @@ export function Footer() {
         </div>
 
         {/* RIGHT */}
-        <div className="flex flex-wrap justify-center items-center gap-6 font-medium text-zinc-600 dark:text-zinc-400">
-          {' '}
+        <div className="flex items-start gap-6 text-sm font-medium text-zinc-600 dark:text-zinc-400">
           <Link
             href="/contributors"
             className="transition-colors duration-200 hover:text-black dark:hover:text-white"
           >
             Contributors
           </Link>
+
           <a
             href="https://github.com/JhaSourav07/commitpulse/blob/main/README.md"
             target="_blank"
@@ -30,6 +30,7 @@ export function Footer() {
           >
             Documentation
           </a>
+
           <a
             href="https://github.com/jhasourav07"
             target="_blank"

hooks/useRecentSearches.ts

@@ -1,100 +1,92 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 
 export const STORAGE_KEY = 'recentSearches';
 export const MAX_SEARCHES = 5;
 
-type State = { searches: string[]; mounted: boolean };
-
-function loadFromStorage(): string[] {
-  let saved: string[] = [];
-  try {
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored) saved = JSON.parse(stored) as string[];
-  } catch {
-    // ignore malformed storage
-  }
-  return saved;
-}
+type State = {
+  searches: string[];
+  mounted: boolean;
+};
 
-function writeStorage(searches: string[] | null): void {
-  try {
-    if (searches === null) {
-      localStorage.removeItem(STORAGE_KEY);
-      return;
+export function useRecentSearches() {
+  const [state, setState] = useState<State>(() => {
+    if (typeof window === 'undefined') {
+      return {
+        searches: [],
+        mounted: false,
+      };
     }
 
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(searches));
-  } catch {
-    // ignore storage write failures
-  }
-}
+    try {
+      const stored = localStorage.getItem(STORAGE_KEY);
+
+      return {
+        searches: stored ? (JSON.parse(stored) as string[]) : [],
+        mounted: true,
+      };
+    } catch {
+      return {
+        searches: [],
+        mounted: true,
+      };
+    }
+  });
 
-/**
- * A hook to manage and persist a list of recent searches.
- *
- * It uses localStorage for persistence and ensures SSR compatibility by starting
- * with an empty state on the first render and updating upon hydration.
- *
- * @returns An object containing the recent searches, a function to add a search, and a function to clear all searches.
- */
-export function useRecentSearches() {
-  // Always start with [] and mounted:false on both server and client so the
-  // initial render matches (SSR-safe). A single setState in the mount effect
-  // reads from localStorage and flips mounted:true in one batch — this satisfies
-  // the react-hooks/set-state-in-effect rule which flags multiple synchronous
-  // setState calls inside an effect body.
-  const [state, setState] = useState<State>({ searches: [], mounted: false });
-
-  useEffect(() => {
-    // Single setState call — reads external system (localStorage) and syncs
-    // React state in one update, which is exactly what effects are for.
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setState({ searches: loadFromStorage(), mounted: true });
-  }, []);
-
-  /**
-   * Adds a new search query to the recent searches list.
-   * If the query already exists, it is moved to the top.
-   * The list is truncated to the maximum number of searches allowed.
-   *
-   * @param query - The search query to add.
-   */
   const addSearch = (query: string) => {
     if (!query.trim()) return;
+
     setState((prev) => {
       const deduped = [query, ...prev.searches.filter((s) => s !== query)].slice(0, MAX_SEARCHES);
-      writeStorage(deduped);
-      return { ...prev, searches: deduped };
+
+      try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(deduped));
+      } catch {
+        // ignore storage write errors
+      }
+
+      return {
+        ...prev,
+        searches: deduped,
+      };
     });
   };
 
-  /**
-   * Clears all recent searches from state and localStorage.
-   */
-  const clearSearches = () => {
-    writeStorage(null);
+  const removeSearch = (query: string) => {
+    setState((prev) => {
+      const updated = prev.searches.filter((s) => s !== query);
 
+      try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
+      } catch {
+        // ignore storage write errors
+      }
+
+      return {
+        ...prev,
+        searches: updated,
+      };
+    });
+  };
+
+  const clearSearches = () => {
     setState((prev) => ({
       ...prev,
       searches: [],
     }));
-  };
 
-  const removeSearch = (query: string): void => {
-    setState((prev) => {
-      const filtered = prev.searches.filter((s) => s !== query);
-      writeStorage(filtered);
-      return { ...prev, searches: filtered };
-    });
+    try {
+      localStorage.removeItem(STORAGE_KEY);
+    } catch {
+      // ignore storage clear errors
+    }
   };
 
-  // Return empty searches until after hydration to prevent SSR/client mismatch.
   return {
     searches: state.mounted ? state.searches : [],
     addSearch,
-    clearSearches,
     removeSearch,
+    clearSearches,
   };
 }