Files
explorer-monorepo/frontend/src/components/wallet/WalletConnectPostureNote.tsx
defiQUG efd7c8bbcb
Some checks failed
Deploy Explorer Live / deploy (push) Failing after 13s
Validate Explorer / frontend (push) Successful in 1m25s
Validate Explorer / smoke-e2e (push) Failing after 2m46s
Complete UX audit P3: API copy URLs, labels, retry, and smoke sync.
Add footer copy-to-clipboard for public APIs, align ops page labels, improve mobile brand lockup, surface WalletConnect posture on wallet tools, add account access discovery, liquidity retry alerts, and refresh smoke-route expectations.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-22 22:54:08 -07:00

33 lines
1006 B
TypeScript

'use client'
import { useEffect, useState } from 'react'
import { getWalletConnectConfig, type WalletConnectConfigResponse } from '@/services/api/walletConnect'
export default function WalletConnectPostureNote() {
const [config, setConfig] = useState<WalletConnectConfigResponse | null>(null)
useEffect(() => {
let cancelled = false
getWalletConnectConfig()
.then((value) => {
if (!cancelled) setConfig(value)
})
.catch(() => {
if (!cancelled) setConfig(null)
})
return () => {
cancelled = true
}
}, [])
if (!config) return null
return (
<p className="mt-3 text-sm leading-6 text-gray-600 dark:text-gray-400">
WalletConnect v2 posture: <strong>{config.enabled ? 'enabled' : config.status}</strong>. Browser extension wallets use{' '}
<code className="rounded bg-gray-100 px-1.5 py-0.5 text-xs dark:bg-gray-900">{config.fallbackAuth}</code> today.
{config.message ? ` ${config.message}` : ''}
</p>
)
}