import React, { useMemo, useState } from "react"; import { View, TextInput, ScrollView, StyleSheet, RefreshControl } from "react-native"; import { useQuery } from "@tanstack/react-query"; import { Card, H1, Muted, Row, Body, Pill } from "@/components/ui"; import { colors, radii, spacing } from "@/theme"; // Delta REST tickers endpoint (public). No auth needed. const DELTA_URL = "https://api.india.delta.exchange/v2/tickers"; type Ticker = { symbol: string; mark_price: string; close: string; turnover_usd?: string; oi?: string; high?: string; low?: string; change_24h?: string; }; async function fetchTickers(): Promise { const res = await fetch(DELTA_URL); const json = await res.json(); return (json?.result ?? []) as Ticker[]; } export default function ScreenerScreen() { const [q, setQ] = useState(""); const { data, refetch, isFetching } = useQuery({ queryKey: ["delta-tickers"], queryFn: fetchTickers, refetchInterval: 15_000, }); const rows = useMemo(() => { const list = data ?? []; const term = q.trim().toUpperCase(); return list .filter((t) => t.symbol.endsWith("USD") || t.symbol.endsWith("USDT")) .filter((t) => !term || t.symbol.includes(term)) .sort((a, b) => Number(b.turnover_usd ?? 0) - Number(a.turnover_usd ?? 0)) .slice(0, 60); }, [data, q]); return ( refetch()} tintColor={colors.primary} />} >

Screener

{rows.length} coins · sorted by turnover {rows.map((t) => { const chg = Number(t.change_24h ?? 0); return ( {t.symbol} = 0 ? "UP" : "DOWN"} tone={chg >= 0 ? "long" : "short"} /> H {t.high ?? "—"} · L {t.low ?? "—"} {Number(t.mark_price ?? t.close).toFixed(4)} = 0 ? colors.long : colors.short }}> {chg >= 0 ? "+" : ""}{chg.toFixed(2)}% ); })} ); } const styles = StyleSheet.create({ input: { backgroundColor: colors.surface, color: colors.text, borderColor: colors.border, borderWidth: 1, borderRadius: radii.md, paddingHorizontal: spacing.md, paddingVertical: 10, fontSize: 15, }, });