| .. | .. |
|---|
| 482 | 482 | > |
|---|
| 483 | 483 | Sessions |
|---|
| 484 | 484 | </Text> |
|---|
| 485 | | - <View style={{ flexDirection: "row", alignItems: "center", gap: 8 }}> |
|---|
| 486 | | - <Pressable |
|---|
| 485 | + <Pressable |
|---|
| 487 | 486 | onPress={() => requestSessions()} |
|---|
| 488 | 487 | hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} |
|---|
| 489 | 488 | style={({ pressed }) => ({ |
|---|
| .. | .. |
|---|
| 497 | 496 | Refresh |
|---|
| 498 | 497 | </Text> |
|---|
| 499 | 498 | </Pressable> |
|---|
| 500 | | - <Pressable |
|---|
| 501 | | - onPress={handleNewSession} |
|---|
| 502 | | - hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} |
|---|
| 503 | | - style={({ pressed }) => ({ |
|---|
| 504 | | - width: 30, |
|---|
| 505 | | - height: 30, |
|---|
| 506 | | - borderRadius: 15, |
|---|
| 507 | | - alignItems: "center", |
|---|
| 508 | | - justifyContent: "center", |
|---|
| 509 | | - backgroundColor: pressed ? colors.accent + "CC" : colors.accent, |
|---|
| 510 | | - })} |
|---|
| 511 | | - > |
|---|
| 512 | | - <Text style={{ color: "#FFF", fontSize: 20, fontWeight: "600", marginTop: -1 }}> |
|---|
| 513 | | - + |
|---|
| 514 | | - </Text> |
|---|
| 515 | | - </Pressable> |
|---|
| 516 | | - </View> |
|---|
| 517 | 499 | </View> |
|---|
| 518 | 500 | </View> |
|---|
| 519 | 501 | |
|---|
| .. | .. |
|---|
| 537 | 519 | /> |
|---|
| 538 | 520 | )} |
|---|
| 539 | 521 | |
|---|
| 522 | + {/* New session FAB */} |
|---|
| 523 | + <View style={{ alignItems: "center", paddingVertical: 12 }}> |
|---|
| 524 | + <Pressable |
|---|
| 525 | + onPress={handleNewSession} |
|---|
| 526 | + style={({ pressed }) => ({ |
|---|
| 527 | + flexDirection: "row", |
|---|
| 528 | + alignItems: "center", |
|---|
| 529 | + gap: 8, |
|---|
| 530 | + paddingHorizontal: 20, |
|---|
| 531 | + paddingVertical: 12, |
|---|
| 532 | + borderRadius: 24, |
|---|
| 533 | + backgroundColor: pressed ? colors.accent + "CC" : colors.accent, |
|---|
| 534 | + })} |
|---|
| 535 | + > |
|---|
| 536 | + <Text style={{ color: "#FFF", fontSize: 20, fontWeight: "600", marginTop: -1 }}>+</Text> |
|---|
| 537 | + <Text style={{ color: "#FFF", fontSize: 15, fontWeight: "600" }}>New Session</Text> |
|---|
| 538 | + </Pressable> |
|---|
| 539 | + </View> |
|---|
| 540 | + |
|---|
| 540 | 541 | {/* Footer */} |
|---|
| 541 | 542 | <View |
|---|
| 542 | 543 | style={{ |
|---|
| 543 | | - paddingVertical: 12, |
|---|
| 544 | + paddingVertical: 8, |
|---|
| 544 | 545 | paddingHorizontal: 20, |
|---|
| 545 | 546 | borderTopWidth: 1, |
|---|
| 546 | 547 | borderTopColor: colors.border, |
|---|