import React from "react";
import { View, ScrollView, RefreshControl, Alert } from "react-native";
import { Card, H1, H2, Muted, Body, Pill, Row, PrimaryButton } from "@/components/ui";
import { colors, spacing } from "@/theme";
import { useBackendStream } from "@/hooks/useBackendStream";
import { api } from "@/api/client";
export default function SignalsScreen() {
const { signals, refresh } = useBackendStream();
const [busy, setBusy] = React.useState(false);
const onRefresh = async () => { setBusy(true); await refresh(); setBusy(false); };
const approve = (id: string) =>
Alert.alert("Approve signal?", "This will open a position.", [
{ text: "Cancel", style: "cancel" },
{ text: "Approve", onPress: async () => {
try { await api.approveSignal(id); await refresh(); }
catch (e: any) { Alert.alert("Failed", String(e?.message ?? e)); }
} },
]);
const reject = async (id: string) => {
try { await api.rejectSignal(id); await refresh(); }
catch (e: any) { Alert.alert("Failed", String(e?.message ?? e)); }
};
return (
}
>
Pending signals
{signals.length} awaiting review
{signals.length === 0 && No pending signals — waiting for the strategy engine.}
{signals.map((s) => {
const conf = Math.round((s.confidence ?? 0) * 100);
return (
{s.coin_symbol}
{s.algo_name && }
Entry {s.entry_price} · SL {s.stop_loss} · TP {s.take_profit}
{s.leverage}× · {s.timeframe ?? "—"}
= 65 ? colors.long : colors.warn }}>{conf}%
confidence
{s.rationale}
approve(s._id)} />
reject(s._id)} />
);
})}
);
}