|
3 | 3 | import { useEffect, useMemo, useState } from "react"; |
4 | 4 | import Link from "next/link"; |
5 | 5 | import { useConnectModal } from "@rainbow-me/rainbowkit"; |
6 | | -import { CheckCircle2, LockKeyhole, RotateCcw, ShieldAlert, XCircle, Search } from "lucide-react"; |
| 6 | +import { CheckCircle2, LockKeyhole, RotateCcw, Search, ShieldAlert, XCircle } from "lucide-react"; |
7 | 7 | import { isAddress } from "viem"; |
8 | 8 | import { useAccount, useChainId, useReadContracts, useWriteContract } from "wagmi"; |
9 | 9 | import { waitForTransactionReceipt } from "wagmi/actions"; |
@@ -55,9 +55,24 @@ export default function AdminMarketRequestsPage() { |
55 | 55 | const [resolvingId, setResolvingId] = useState<string | null>(null); |
56 | 56 | const [searchQuery, setSearchQuery] = useState(""); |
57 | 57 |
|
58 | | - const pendingRequests = useMemo(() => requests.filter(request => request.status === "pending" && (request.question.toLowerCase().includes(searchQuery.toLowerCase()) || request.id.toLowerCase().includes(searchQuery.toLowerCase()))), [requests, searchQuery]); |
| 58 | + const pendingRequests = useMemo( |
| 59 | + () => |
| 60 | + requests.filter( |
| 61 | + request => |
| 62 | + request.status === "pending" && |
| 63 | + (request.question.toLowerCase().includes(searchQuery.toLowerCase()) || |
| 64 | + request.id.toLowerCase().includes(searchQuery.toLowerCase())), |
| 65 | + ), |
| 66 | + [requests, searchQuery], |
| 67 | + ); |
59 | 68 | const reviewedRequests = useMemo( |
60 | | - () => requests.filter(request => (request.status === "open" || request.status === "declined") && (request.question.toLowerCase().includes(searchQuery.toLowerCase()) || request.id.toLowerCase().includes(searchQuery.toLowerCase()))), |
| 69 | + () => |
| 70 | + requests.filter( |
| 71 | + request => |
| 72 | + (request.status === "open" || request.status === "declined") && |
| 73 | + (request.question.toLowerCase().includes(searchQuery.toLowerCase()) || |
| 74 | + request.id.toLowerCase().includes(searchQuery.toLowerCase())), |
| 75 | + ), |
61 | 76 | [requests, searchQuery], |
62 | 77 | ); |
63 | 78 |
|
@@ -329,7 +344,7 @@ export default function AdminMarketRequestsPage() { |
329 | 344 | type="text" |
330 | 345 | placeholder="Search markets by question or ID..." |
331 | 346 | value={searchQuery} |
332 | | - onChange={(e) => setSearchQuery(e.target.value)} |
| 347 | + onChange={e => setSearchQuery(e.target.value)} |
333 | 348 | className="h-11 w-full rounded-md border border-[#E5E5E5] bg-white pl-10 pr-4 text-sm text-[#0A0A0A] outline-none focus:border-[#FFD60A] dark:border-[#1F1F1F] dark:bg-[#141414] dark:text-[#FAFAFA]" |
334 | 349 | /> |
335 | 350 | </div> |
|
0 commit comments