+
+ {recordValues.pic ? (
+
+ ) : (
+
+ )}
+
+ {
+ setDomainName(e.target.value);
+ setAccount("");
+ setRecordValues({});
+ }}
+ onKeyDown={(e) => {
+ if (e.key === "Enter") {
+ handleInput(domainName);
+ }
+ }}
+ disabled={loading}
+ />
+
+
+
+
+
+
+ {RECORDS.map((r) => (
+
+ ))}
+
+
+
+
+ );
+}
diff --git a/src/app/domain-lookup/page.tsx b/src/app/domain-lookup/page.tsx
new file mode 100644
index 0000000..17e3e1c
--- /dev/null
+++ b/src/app/domain-lookup/page.tsx
@@ -0,0 +1,149 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import dynamic from "next/dynamic";
+import Image from "next/image";
+import {
+ getAllDomains,
+ getMultipleRecordsV2,
+ getPrimaryDomain,
+ Record as RecordV2,
+ reverseLookup,
+} from "@bonfida/spl-name-service";
+import { useConnection, useWallet } from "@solana/wallet-adapter-react";
+import { Divider } from "@/components/Divider";
+import { Footer } from "@/components/Footer";
+import { ReadOnlyInput } from "@/components/ReadOnlyInput";
+import "@solana/wallet-adapter-react-ui/styles.css";
+import { PublicKey } from "@solana/web3.js";
+
+const WalletMultiButtonDynamic = dynamic(
+ async () =>
+ (await import("@solana/wallet-adapter-react-ui")).WalletMultiButton,
+ { ssr: false }
+);
+
+type RecordValues = Partial