-
Connect wallet and verify Ordinal ownership to comment
+
Connect wallet and verify ownership to comment
diff --git a/src/components/ui/author-display.tsx b/src/components/ui/author-display.tsx
index 56c3a7b..c1b37fd 100644
--- a/src/components/ui/author-display.tsx
+++ b/src/components/ui/author-display.tsx
@@ -4,6 +4,7 @@ import { Shield, Crown } from 'lucide-react';
import { UserVerificationStatus } from '@/lib/forum/types';
import { getEnsName } from '@wagmi/core';
import { config } from '@/lib/identity/wallets/appkit';
+import { OrdinalAPI } from '@/lib/identity/ordinal';
interface AuthorDisplayProps {
address: string;
@@ -20,20 +21,52 @@ export function AuthorDisplay({
}: AuthorDisplayProps) {
const userStatus = userVerificationStatus?.[address];
const [resolvedEns, setResolvedEns] = React.useState
(undefined);
+ const [resolvedOrdinal, setResolvedOrdinal] = React.useState(undefined);
+
+ // Heuristics for address types
+ const isEthereumAddress = address.startsWith('0x') && address.length === 42;
+ const isBitcoinAddress = !isEthereumAddress; // simple heuristic for our context
// Lazily resolve ENS name for Ethereum addresses if not provided
React.useEffect(() => {
- const isEthereumAddress = address.startsWith('0x') && address.length === 42;
+ let cancelled = false;
if (!userStatus?.ensName && isEthereumAddress) {
getEnsName(config, { address: address as `0x${string}` })
- .then((name) => setResolvedEns(name || undefined))
- .catch(() => setResolvedEns(undefined));
+ .then((name) => { if (!cancelled) setResolvedEns(name || undefined); })
+ .catch(() => { if (!cancelled) setResolvedEns(undefined); });
+ } else {
+ setResolvedEns(userStatus?.ensName);
}
+ return () => { cancelled = true; };
// eslint-disable-next-line react-hooks/exhaustive-deps
- }, [address]);
+ }, [address, isEthereumAddress, userStatus?.ensName]);
- const hasENS = userStatus?.hasENS || Boolean(resolvedEns) || Boolean(userStatus?.ensName);
- const hasOrdinal = userStatus?.hasOrdinal || false;
+ // Lazily check Ordinal ownership for Bitcoin addresses if not provided
+ React.useEffect(() => {
+ let cancelled = false;
+ const run = async () => {
+ console.log({
+ isBitcoinAddress, userStatus
+ })
+ if (isBitcoinAddress) {
+ try {
+ const api = new OrdinalAPI();
+ const res = await api.getOperatorDetails(address);
+ if (!cancelled) setResolvedOrdinal(Boolean(res?.has_operators));
+ } catch {
+ if (!cancelled) setResolvedOrdinal(undefined);
+ }
+ } else {
+ setResolvedOrdinal(userStatus?.hasOrdinal);
+ }
+ };
+ run();
+ return () => { cancelled = true; };
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [address, isBitcoinAddress, userStatus?.hasOrdinal]);
+
+ const hasENS = Boolean(userStatus?.hasENS) || Boolean(resolvedEns) || Boolean(userStatus?.ensName);
+ const hasOrdinal = Boolean(userStatus?.hasOrdinal) || Boolean(resolvedOrdinal);
// Only show a badge if the author has ENS or Ordinal ownership (not for basic verification)
const shouldShowBadge = showBadge && (hasENS || hasOrdinal);
diff --git a/src/components/ui/verification-step.tsx b/src/components/ui/verification-step.tsx
index f9b3984..a33199e 100644
--- a/src/components/ui/verification-step.tsx
+++ b/src/components/ui/verification-step.tsx
@@ -36,7 +36,7 @@ export function VerificationStep({
const [verificationResult, setVerificationResult] = React.useState<{
success: boolean;
message: string;
- details?: any;
+ details?: { ensName?: string; ensAvatar?: string } | boolean | { id: string; details: string };
} | null>(null);
const handleVerify = async () => {
@@ -62,8 +62,8 @@ export function VerificationStep({
setVerificationResult({
success: false,
message: walletType === 'bitcoin'
- ? "No Ordinal ownership found. You'll have read-only access."
- : "No ENS ownership found. You'll have read-only access."
+ ? "No Ordinal ownership found. You can still participate in the forum with your connected wallet!"
+ : "No ENS ownership found. You can still participate in the forum with your connected wallet!"
});
}
} catch (error) {
@@ -81,7 +81,7 @@ export function VerificationStep({
};
const getVerificationType = () => {
- return walletType === 'bitcoin' ? 'Bitcoin Ordinal' : 'ENS Domain';
+ return walletType === 'bitcoin' ? 'Bitcoin Ordinal' : 'Ethereum ENS';
};
const getVerificationIcon = () => {
@@ -94,9 +94,9 @@ export function VerificationStep({
const getVerificationDescription = () => {
if (walletType === 'bitcoin') {
- return "Verify that you own Bitcoin Ordinals to get full posting and voting access.";
+ return "Verify your Bitcoin Ordinal ownership to unlock premium features. If you don't own any Ordinals, you can still participate in the forum with your connected wallet.";
} else {
- return "Verify that you own an ENS domain to get full posting and voting access.";
+ return "Verify your Ethereum ENS ownership to unlock premium features. If you don't own any ENS, you can still participate in the forum with your connected wallet.";
}
};
@@ -128,9 +128,9 @@ export function VerificationStep({
{verificationResult.details && (
{walletType === 'bitcoin' ? (
-
Ordinal ID: {verificationResult.details.id}
+
Ordinal ID: {typeof verificationResult.details === 'object' && 'id' in verificationResult.details ? verificationResult.details.id : 'Verified'}
) : (
-
ENS Name: {verificationResult.details.ensName}
+
ENS Name: {typeof verificationResult.details === 'object' && 'ensName' in verificationResult.details ? verificationResult.details.ensName : 'Verified'}
)}