@dubsdotapp/expo 0.5.8 → 0.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/ui/game/JoinGameSheet.tsx

@@ -169,7 +169,6 @@ export function JoinGameSheet({
 
   const homeName = shortName ? shortName(opponents[0]?.name) : (opponents[0]?.name || 'Home');
   const awayName = shortName ? shortName(opponents[1]?.name) : (opponents[1]?.name || 'Away');
-  const selectedName = selectedTeam === 'home' ? homeName : selectedTeam === 'away' ? awayName : '—';
 
   const alreadyJoined = useMemo(() => {
     if (!wallet.publicKey) return false;
@@ -299,21 +298,6 @@ export function JoinGameSheet({
               </View>
             )}
 
-            {/* SOL Slider */}
-            {selectedTeam && !isPoolModeEnabled && (
-              <View style={styles.sliderSection}>
-                <SolSlider
-                  value={wager}
-                  min={game.buyIn}
-                  max={maxWager}
-                  step={0.01}
-                  accentColor={selectedTeam === 'home' ? homeColor : awayColor}
-                  onValueChange={setWager}
-                  onTick={onSliderTick}
-                />
-              </View>
-            )}
-
             {/* Summary Card */}
             <View style={[styles.summaryCard, { backgroundColor: t.surface, borderColor: t.border }]}>
               <View style={styles.summaryRow}>
@@ -335,11 +319,6 @@ export function JoinGameSheet({
                 </>
               ) : (
                 <>
-                  <View style={styles.summaryRow}>
-                    <Text style={[styles.summaryLabel, { color: t.textMuted }]}>Your side</Text>
-                    <Text style={[styles.summaryValue, { color: t.text }]}>{selectedName}</Text>
-                  </View>
-                  <View style={[styles.summarySep, { backgroundColor: t.border }]} />
                   <View style={styles.summaryRow}>
                     <Text style={[styles.summaryLabel, { color: t.textMuted }]}>Total pool</Text>
                     <Text style={[styles.summaryValue, { color: t.text }]}>{formatSol(poolAfterJoin)} SOL</Text>
@@ -355,6 +334,19 @@ export function JoinGameSheet({
               )}
             </View>
 
+            {/* SOL Slider — sits right below summary card */}
+            {selectedTeam && !isPoolModeEnabled && (
+              <SolSlider
+                value={wager}
+                min={game.buyIn}
+                max={maxWager}
+                step={0.01}
+                accentColor={selectedTeam === 'home' ? homeColor : awayColor}
+                onValueChange={setWager}
+                onTick={onSliderTick}
+              />
+            )}
+
             {/* Already Joined Notice */}
             {alreadyJoined && (
               <View style={[styles.errorBox, { backgroundColor: t.surface, borderColor: t.border }]}>
@@ -563,11 +555,8 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     gap: 12,
   },
-  sliderSection: {
-    marginTop: 16,
-  },
   summaryCard: {
-    marginTop: 12,
+    marginTop: 20,
     borderRadius: 16,
     borderWidth: 1,
     overflow: 'hidden',

package/src/ui/game/SolSlider.tsx

@@ -104,14 +104,6 @@ export function SolSlider({
 
   return (
     <View style={styles.container}>
-      {/* Value display */}
-      <View style={styles.valueRow}>
-        <Text style={[styles.valueText, { color: accent }]}>
-          {parseFloat(value.toFixed(4))}
-        </Text>
-        <Text style={[styles.solLabel, { color: accent }]}>SOL</Text>
-      </View>
-
       {/* Track */}
       <View
         ref={trackRef}
@@ -170,25 +162,7 @@ export function SolSlider({
 
 const styles = StyleSheet.create({
   container: {
-    paddingVertical: 8,
-  },
-  valueRow: {
-    flexDirection: 'row',
-    alignItems: 'baseline',
-    justifyContent: 'center',
-    marginBottom: 16,
-    gap: 4,
-  },
-  valueText: {
-    fontSize: 36,
-    fontWeight: '900',
-    letterSpacing: -1,
-    fontVariant: ['tabular-nums'],
-  },
-  solLabel: {
-    fontSize: 16,
-    fontWeight: '700',
-    opacity: 0.6,
+    paddingVertical: 4,
   },
   trackContainer: {
     height: THUMB_SIZE + 16,