From f8a98841d7ae8f618ba509c9c35f9379b4a62a94 Mon Sep 17 00:00:00 2001
From: Osama Mabkhot <99215291+O2sa@users.noreply.github.com>
Date: Mon, 27 Apr 2026 00:10:05 +0300
Subject: [PATCH] fix(compare-form): Type error: Cannot find name 'data'

---
 app/page.tsx                | 2 +-
 components/compare-form.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 45e5e38..ebe792a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -163,7 +163,7 @@ function HomePageInner() {
           loading={loading}
           reset={reset}
           swapUsers={swapUsers}
-          data={Boolean(data)}
+          hasData={Boolean(data)}
         />
 
         {loading && skeleton}
diff --git a/components/compare-form.tsx b/components/compare-form.tsx
index 560bff0..f5aa07a 100644
--- a/components/compare-form.tsx
+++ b/components/compare-form.tsx
@@ -16,7 +16,7 @@ type CompareFormProps = {
   username2: string;
   setUsername1: (value: string) => void;
   setUsername2: (value: string) => void;
-  data?: boolean;
+  hasData?: boolean;
   onSubmit: (u1: string, u2: string) => void;
   loading?: boolean;
   reset?: () => void;
@@ -29,6 +29,7 @@ export function CompareForm({
   username2,
   setUsername1,
   setUsername2,
+  hasData,
   onSubmit,
   loading,
   swapUsers,
@@ -44,7 +45,7 @@ export function CompareForm({
   }, []);
 
   const canSubmit = Boolean(username1.trim() && username2.trim() && !loading);
-  const isEmpty = (!username1.trim() && !username2.trim()) && !data;
+  const isEmpty = (!username1.trim() && !username2.trim()) && !hasData;
 
   const handleSwap = () => {
     if (swapUsers) swapUsers();