​

Customization

​

What to customize

• Tailwind classes and responsive layout
• Headings, helper text, empty states, and loading states
• Routing in onManageLoan and onTrackLoan
• Wallet connection and disconnection controls
• Placement of the platform wallet address
• Success callbacks and application notifications

​

Keep SDK operations centralized

import { useBorrowContext } from "@/components/borrow-context";

export function SessionButton() {
  const { state, actions } = useBorrowContext();

  return (
    <button
      disabled={state.phase === "session_setup"}
      onClick={() => void actions.startSession()}
    >
      Continue
    </button>
  );
}

​

Preserve workflow safeguards

• Loading and duplicate-submission guards
• Live loan-position refreshes
• Minimum amount and maximum-withdrawable validation
• Fully repaid loan checks
• Workflow completion and error handling

​

Updating an installed component