@dubsdotapp/expo 0.5.9 → 0.5.10

package/dist/index.js

@@ -5635,11 +5635,12 @@ function JoinGameSheet({
   const potentialWinnings = selectedOdds !== "\u2014" ? formatSol(parseFloat(selectedOdds) * wager) : "\u2014";
   const homeName = shortName ? shortName(opponents[0]?.name) : opponents[0]?.name || "Home";
   const awayName = shortName ? shortName(opponents[1]?.name) : opponents[1]?.name || "Away";
-  const alreadyJoined = (0, import_react34.useMemo)(() => {
-    if (!wallet.publicKey) return false;
+  const myBet = (0, import_react34.useMemo)(() => {
+    if (!wallet.publicKey) return null;
     const addr = wallet.publicKey.toBase58();
-    return bettors.some((b) => b.wallet === addr);
+    return bettors.find((b) => b.wallet === addr) ?? null;
   }, [bettors, wallet.publicKey]);
+  const alreadyJoined = myBet !== null;
   const isMutating = mutation.status !== "idle" && mutation.status !== "success" && mutation.status !== "error";
   const canJoin = selectedTeam !== null && !isMutating && mutation.status !== "success" && !alreadyJoined;
   const handleJoin = (0, import_react34.useCallback)(async () => {
@@ -5702,7 +5703,7 @@ function JoinGameSheet({
                   ] }) })
                 ] })
               ] }),
-              !isCustomGame && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.section, children: [
+              !isCustomGame && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.section, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.sectionLabel, { color: t.textSecondary }], children: "Pick Your Side" }),
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.teamsRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -5741,6 +5742,14 @@ function JoinGameSheet({
                   )
                 ] })
               ] }),
+              alreadyJoined && myBet && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.myBetCard, { backgroundColor: (myBet.team === "home" ? homeColor : awayColor) + "15", borderColor: myBet.team === "home" ? homeColor : awayColor }], children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.myBetLabel, { color: myBet.team === "home" ? homeColor : awayColor }], children: "YOUR BET" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.myBetTeam, { color: t.text }], children: myBet.team === "home" ? homeName : awayName }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.Text, { style: [styles14.myBetAmount, { color: t.textMuted }], children: [
+                  formatSol(myBet.amount),
+                  " SOL"
+                ] })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: [styles14.summaryCard, { backgroundColor: t.surface, borderColor: t.border }], children: [
                 /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native20.View, { style: styles14.summaryRow, children: [
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native20.Text, { style: [styles14.summaryLabel, { color: t.textMuted }], children: "Your wager" }),
@@ -5778,7 +5787,7 @@ function JoinGameSheet({
                   ] })
                 ] })
               ] }),
-              selectedTeam && !isPoolModeEnabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              selectedTeam && !isPoolModeEnabled && !alreadyJoined && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 SolSlider,
                 {
                   value: wager,
@@ -5995,6 +6004,27 @@ var styles14 = import_react_native20.StyleSheet.create({
     height: 1,
     marginHorizontal: 16
   },
+  myBetCard: {
+    marginTop: 16,
+    borderRadius: 14,
+    borderWidth: 1.5,
+    padding: 16,
+    alignItems: "center",
+    gap: 4
+  },
+  myBetLabel: {
+    fontSize: 10,
+    fontWeight: "900",
+    letterSpacing: 1.5
+  },
+  myBetTeam: {
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  myBetAmount: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
   errorBox: {
     marginTop: 16,
     borderRadius: 12,