update

Author: Razikus

rpimodeldecoder/src/app/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { Cpu, Wifi, WifiOff, HardDrive, MemoryStick, Copy, Check } from 'lucide-react';
 
 interface DecodedResult {
@@ -11,7 +11,7 @@ interface DecodedResult {
     color: string;
   }[];
   specs: {
-    icon: React.ComponentType<any>;
+    icon: React.ComponentType<{ className?: string }>;
     title: string;
     value: string;
   }[];
@@ -143,7 +143,7 @@ export default function Home() {
     };
   };
 
-  const decodeModel = (input: string) => {
+  const decodeModel = useCallback((input: string) => {
     let code = input.toUpperCase().trim();
 
     if (!code) {
@@ -179,15 +179,15 @@ export default function Home() {
       setResult(null);
       setError(true);
     }
-  };
+  }, [rplToCmMapping]);
 
   const copyLink = async () => {
     const link = `${window.location.origin}${window.location.pathname}#${modelCode}`;
     try {
       await navigator.clipboard.writeText(link);
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
-    } catch (err) {
+    } catch {
       // Fallback for older browsers
       const textArea = document.createElement('textarea');
       textArea.value = link;
@@ -202,7 +202,7 @@ export default function Home() {
 
   useEffect(() => {
     decodeModel(modelCode);
-  }, [modelCode]);
+  }, [modelCode, decodeModel]);
 
   // Handle URL hash changes
   useEffect(() => {
@@ -280,7 +280,7 @@ export default function Home() {
           {/* Info Text */}
           <p className="text-gray-400 text-xs mt-4 max-w-md mx-auto">
             💡 Did you know? You can share direct links by adding the code to the URL: 
-            <code className="bg-gray-100 px-1 rounded text-gray-600">RaspberryModelCodeDecoder.raziksu.github.io/#CM4102008</code>
+            <code className="bg-gray-100 px-1 rounded text-gray-600">razikus.github.io/RaspberryModelCodeDecoder/#CM4102008</code>
           </p>
         </div>