fix: more improvements

Author: gtokman

example/app/(tabs)/TradeQuoteScreens/get-trade-quotes.tsx

@@ -35,6 +35,7 @@ export default function GetTradeQuotesScreen() {
     latitude: "40.7505",
     longitude: "-73.9935",
   });
+  const [serviceAccountID, setServiceAccountID] = useState("");
   const candleClient = useCandleClient();
   const navigation = useNavigation<any>();
 
@@ -43,6 +44,7 @@ export default function GetTradeQuotesScreen() {
       const accounts = await candleClient.getTradeQuotes({
         lost: {
           assetKind: "fiat",
+          serviceAccountID: serviceAccountID,
         },
         gained: {
           originCoordinates: {
@@ -104,6 +106,15 @@ export default function GetTradeQuotesScreen() {
               }
             />
           </View>
+          <Text style={{ fontWeight: "600" }}>Service Account ID</Text>
+          <View style={{ flexDirection: "row", gap: 8 }}>
+            <TextInput
+              style={styles.input}
+              placeholder="Service Account ID"
+              value={serviceAccountID}
+              onChangeText={(text) => setServiceAccountID(text)}
+            />
+          </View>
           <TouchableOpacity
             style={styles.primaryButton}
             onPress={() => {

example/app/(tabs)/TradeScreen/get-trades.tsx

@@ -44,14 +44,7 @@ export default function GetTradesScreen() {
   const fetchTrades = async (filters: TradeQuery) => {
     try {
       setIsLoading(true);
-      const result = await candleClient.getTrades({
-        linkedAccountIDs: filters.linkedAccountIDs,
-        dateTimeSpan:
-          filters.dateTimeSpan === "none" ? undefined : filters.dateTimeSpan,
-        gainedAssetKind: filters.gainedAssetKind,
-        lostAssetKind: filters.lostAssetKind,
-        counterpartyKind: filters.counterpartyKind,
-      });
+      const result = await candleClient.getTrades(filters);
       setTrades(result);
     } catch (error) {
       Alert.alert(`Failed to fetch trades: ${error}`);
@@ -86,15 +79,34 @@ export default function GetTradesScreen() {
               };
             });
           }}
-          actions={FILTER_CONFIG.map((f) => ({
-            id: f.key,
-            title: f.title,
-            subactions: f.options.map((opt) => ({
-              id: `${f.key}|${opt.value}`,
-              title: opt.label,
-              state: filters[f.key] === opt.value ? "on" : "off",
-            })),
-          }))}
+          actions={FILTER_CONFIG.map((f) =>
+            f.key === "linkedAccountIDs"
+              ? {
+                  id: f.key,
+                  title: f.title,
+                  subactions:
+                    linkedAccounts.map((acc) => ({
+                      id: `linkedAccountIDs|${acc.linkedAccountID}`,
+                      title: acc.service,
+                      state: filters.linkedAccountIDs
+                        ? filters.linkedAccountIDs
+                            .split(",")
+                            .includes(acc.linkedAccountID)
+                          ? ("on" as const)
+                          : ("off" as const)
+                        : ("off" as const),
+                    })) ?? [],
+                }
+              : {
+                  id: f.key,
+                  title: f.title,
+                  subactions: f.options.map((opt) => ({
+                    id: `${f.key}|${opt.value}`,
+                    title: opt.label,
+                    state: filters[f.key] === opt.value ? "on" : "off",
+                  })),
+                }
+          )}
           shouldOpenOnLongPress={false}
         >
           <View>

example/app/(tabs)/TradeScreen/models.ts

@@ -14,7 +14,6 @@ const SUPPORTED_SPANS = [
   { id: "P1M", title: "1 Month" },
   { id: "P6M", title: "6 Months" },
   { id: "P1Y", title: "1 Year" },
-  { id: "none", title: "No Span" },
 ] as const;
 
 type SectionItem =
@@ -58,6 +57,11 @@ const FILTER_CONFIG = [
       label: k,
     })),
   },
+  {
+    key: "linkedAccountIDs",
+    title: "Linked Accounts",
+    options: [],
+  },
 ] as const;
 
 const assetDisplayName = (asset: TradeAsset): string => {