{vouch.message}
+{sanitizeText(vouch.message)}
)}{new Date(vouch.createdAt).toLocaleDateString()} diff --git a/src/pages/Sponsors.tsx b/src/pages/Sponsors.tsx index 3219e69..f3beb56 100644 --- a/src/pages/Sponsors.tsx +++ b/src/pages/Sponsors.tsx @@ -1,11 +1,230 @@ +import { useState } from 'react' +import { useQuery } from '@tanstack/react-query' +import { sponsorsService } from '../services/sponsors.service' +import { useTransaction } from '../hooks/useTransaction' +import { useWallet } from '../hooks/useWallet' +import { Button } from '../components/ui/Button' +import { Card } from '../components/ui/Card' +import { Badge } from '../components/ui/Badge' +import { Spinner } from '../components/ui/Spinner' +import { + TrendingUp, + Wallet, + ArrowUpRight, + CheckCircle2, + AlertCircle, + ExternalLink +} from 'lucide-react' + export function Sponsors() { + const { isConnected } = useWallet() + const [shares, setShares] = useState('') + const [successData, setSuccessData] = useState<{ + hash: string + amount: number + profit: number + } | null>(null) + + const { data: poolInfo, isLoading: poolLoading } = useQuery({ + queryKey: ['poolInfo'], + queryFn: sponsorsService.getPoolInfo, + enabled: isConnected + }) + + const { execute, isLoading: txLoading, error: txError } = useTransaction() + + const handleWithdraw = async (e: React.FormEvent) => { + e.preventDefault() + if (!shares || isNaN(Number(shares))) return + + try { + const result = await execute( + () => sponsorsService.withdraw(Number(shares)), + (signedXdr) => sponsorsService.submitTransaction(signedXdr) + ) + setSuccessData(result) + setShares('') + } catch { + // Error handled by useTransaction and shown in UI + } + } + + if (!isConnected) { + return ( +
+ You need a Stellar wallet to manage your liquidity pool shares. +
+- Pool stats and deposit options coming soon. -
++ Manage your deposits and earn yield from learner loans. +
+Total Deposits
+Available Liquidity
+Total Shares
++ {poolLoading ? '...' : poolInfo?.totalShares.toLocaleString()} +
+Share Price
++ {poolLoading ? '...' : `${poolInfo?.sharePrice.toFixed(4)} USDC`} +
+Locked Capital
++ {poolLoading ? '...' : `${poolInfo?.lockedLiquidity.toLocaleString()} USDC`} +
+Status
+Active
+{product.description}
+{sanitizeText(product.description)}
)}${product.price.toLocaleString()}
@@ -341,7 +342,7 @@ function ApiKeySection({ >
diff --git a/src/services/api.ts b/src/services/api.ts
index 8993a30..1d0937a 100644
--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -8,10 +8,25 @@ export const api = axios.create({
},
})
+const TOKEN_STORAGE_KEY = 'stepfi-user'
+
+function getStoredTokens(): { accessToken?: string; refreshToken?: string } {
+ try {
+ const raw = localStorage.getItem(TOKEN_STORAGE_KEY)
+ if (!raw) return {}
+ const parsed = JSON.parse(raw)
+ const state = parsed?.state
+ if (!state) return {}
+ return { accessToken: state.accessToken, refreshToken: state.refreshToken }
+ } catch {
+ return {}
+ }
+}
+
api.interceptors.request.use((config) => {
- const token = localStorage.getItem('accessToken')
- if (token) {
- config.headers.Authorization = `Bearer ${token}`
+ const { accessToken } = getStoredTokens()
+ if (accessToken) {
+ config.headers.Authorization = `Bearer ${accessToken}`
}
return config
})
@@ -20,8 +35,7 @@ api.interceptors.response.use(
(response) => response,
async (error) => {
if (error.response?.status === 401) {
- localStorage.removeItem('accessToken')
- localStorage.removeItem('refreshToken')
+ localStorage.removeItem(TOKEN_STORAGE_KEY)
window.location.href = '/'
}
return Promise.reject(error)
diff --git a/src/services/sponsors.service.ts b/src/services/sponsors.service.ts
new file mode 100644
index 0000000..08db6be
--- /dev/null
+++ b/src/services/sponsors.service.ts
@@ -0,0 +1,23 @@
+import { api } from './api'
+import type { PoolInfo } from '../types'
+
+export const sponsorsService = {
+ getPoolInfo: async (): Promise