From 392dd91f840485e3c574b9bac03c1245bdab71e5 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 12 Jan 2026 15:54:11 +0000
Subject: [PATCH] fix: import React namespace for type annotations

Add explicit React imports to fix React.* type references:
- PowerTools: Import React for ChangeEvent and KeyboardEvent types
- RelaySelector: Import React for ChangeEvent and KeyboardEvent types
- Fix callback return types to explicitly return void
---
 src/components/PowerTools.tsx    |  2 +-
 src/components/RelaySelector.tsx | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/PowerTools.tsx b/src/components/PowerTools.tsx
index cc47265..43b7477 100644
--- a/src/components/PowerTools.tsx
+++ b/src/components/PowerTools.tsx
@@ -1,3 +1,4 @@
+import React, { useState, useCallback } from "react";
 import { Button } from "@/components/ui/button";
 import {
   Popover,
@@ -5,7 +6,6 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { Input } from "@/components/ui/input";
-import { useState, useCallback } from "react";
 import { Hash, AtSign, Code, Link } from "lucide-react";
 import { useProfileSearch } from "@/hooks/useProfileSearch";
 import type { ProfileSearchResult } from "@/services/profile-search";
diff --git a/src/components/RelaySelector.tsx b/src/components/RelaySelector.tsx
index c70604f..c7103b2 100644
--- a/src/components/RelaySelector.tsx
+++ b/src/components/RelaySelector.tsx
@@ -1,4 +1,4 @@
-import { useState, useCallback } from "react";
+import React, { useState, useCallback } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
@@ -137,7 +137,9 @@ export function RelaySelector({
                     relay={relay}
                     status={getRelayStatus(relay)}
                     selected={true}
-                    onToggle={() => handleRemoveRelay(relay)}
+                    onToggle={() => {
+                      handleRemoveRelay(relay);
+                    }}
                   />
                 ))}
               </div>
@@ -158,7 +160,9 @@ export function RelaySelector({
                     relay={relay}
                     status={getRelayStatus(relay)}
                     selected={false}
-                    onToggle={() => handleToggleRelay(relay)}
+                    onToggle={() => {
+                      handleToggleRelay(relay);
+                    }}
                   />
                 ))}