-
-
-
-
+ Sandbox SOL
-Oko Wallet Solana SDK Testing
-
-
-
-
- )}
-
+
+ );
+ }
+
+ if (!isInitialized) {
+ return (
+ Initializing Oko SDK...
+
+
+ );
+ }
+
+ return (
+ Failed to initialize SDK
+
+
+ );
+}
+
+export default function WalletAdapterPage() {
+ return (
+
+
+
+ Wallet Adapter Test
++ Testing wallet-standard integration with @solana/wallet-adapter +
+
+
+
+
+
+
+ Status
+ +
+
+
+ Connected:
+
+ {connected ? "Yes" : "No"}
+
+
+
+
+ Wallet:
+ {wallet?.adapter.name ?? "None"}
+
+
+
+ Public Key:
+
+ {publicKey?.toBase58().slice(0, 20)}...
+
+
+
+
+
+
+ Discovered Wallets
+
+ {wallets.length === 0 ? (
+
+ No wallets discovered
+ ) : ( + wallets.map((w) => ( +
+ {w.adapter.icon && (
+ 
+ )}
+ {w.adapter.name}
+ ({w.readyState})
+
+ ))
+ )}
+
+
+
+
+ );
+}
+
+function FieldLabel({ children }: { children: React.ReactNode }) {
+ return (
+
+ );
+}
+
+function CopyableAddress({
+ value,
+ format,
+}: {
+ value?: string;
+ format?: (value: string) => string;
+}) {
+ const [copied, setCopied] = useState(false);
+
+ return (
+
+
+
+ Account
+ +
+
+
+ Wallet Address
+
+
+ );
+}
+
+function AvailableBalance({
+ value,
+ onRefresh,
+ isLoading,
+}: {
+ value?: string;
+ onRefresh: () => void;
+ isLoading: boolean;
+}) {
+ return (
+
+
+ );
+}
diff --git a/sandbox/sandbox_sol/src/components/Button.tsx b/sandbox/sandbox_sol/src/components/Button.tsx
new file mode 100644
index 000000000..d169ccaca
--- /dev/null
+++ b/sandbox/sandbox_sol/src/components/Button.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from "react";
+
+type ButtonVariant = "primary" | "ghost";
+type ButtonSize = "sm" | "md" | "lg";
+
+interface ButtonProps extends React.ButtonHTMLAttributes
+ Available Balance
+
+
+
+
+
+ {value ?? "..."}
+
+
+ Get Solana devnet SOL
+
+
+
+
+ );
+}
diff --git a/sandbox/sandbox_sol/src/components/LoginView.tsx b/sandbox/sandbox_sol/src/components/LoginView.tsx
new file mode 100644
index 000000000..713b227e6
--- /dev/null
+++ b/sandbox/sandbox_sol/src/components/LoginView.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import Image from "next/image";
+import Button from "./Button";
+
+interface LoginViewProps {
+ isInitialized: boolean;
+ isInitializing: boolean;
+ onConnect: () => void;
+}
+
+export default function LoginView({
+ isInitialized,
+ isInitializing,
+ onConnect,
+}: LoginViewProps) {
+ return (
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/sandbox/sandbox_sol/src/components/WalletAdapterProvider.tsx b/sandbox/sandbox_sol/src/components/WalletAdapterProvider.tsx
new file mode 100644
index 000000000..58b44f657
--- /dev/null
+++ b/sandbox/sandbox_sol/src/components/WalletAdapterProvider.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { useMemo } from "react";
+import {
+ ConnectionProvider,
+ WalletProvider,
+} from "@solana/wallet-adapter-react";
+import { WalletModalProvider } from "@solana/wallet-adapter-react-ui";
+import { clusterApiUrl } from "@solana/web3.js";
+
+import "@solana/wallet-adapter-react-ui/styles.css";
+
+interface WalletAdapterProviderProps {
+ children: React.ReactNode;
+}
+
+export function WalletAdapterProvider({
+ children,
+}: WalletAdapterProviderProps) {
+ const endpoint = useMemo(() => clusterApiUrl("devnet"), []);
+
+ // No wallets array needed - wallet-standard wallets are auto-discovered
+ const wallets = useMemo(() => [], []);
+
+ return (
+
+
+
+
+
+ Test Wallet Adapter Integration
+
+
+
+
+
+ Welcome to Oko
++ Sign in to get started with Solana +
+
-
Sign Message
-+
+
+ Sign Message +
+Sign an arbitrary message with your Solana wallet
-
-
+
+