From 8312a76836aa071870f618aaf820e302289e396a Mon Sep 17 00:00:00 2001
From: Nathan Edwards <112483617+NathanWEdwards@users.noreply.github.com>
Date: Thu, 16 Apr 2026 09:03:15 -0400
Subject: [PATCH] fix: on the message summaries screen, replace Button elements
 with native components to resolve Android rendering issues.

---
 screens/message-summaries-screen/index.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/screens/message-summaries-screen/index.js b/screens/message-summaries-screen/index.js
index fc01a109..be3c9f71 100644
--- a/screens/message-summaries-screen/index.js
+++ b/screens/message-summaries-screen/index.js
@@ -134,7 +134,7 @@ const MessageSummariesScreen = ({ actions, currentUser, messages, navigation, us
                 };
             case messageTypes.REQUEST_TO_JOIN :
                 return () => {
-                    const membershipId = ((message.sender || {}).email || {}).uid || "";
+                    const membershipId = (message.sender || {}).uid || "";
                     const teamId = message.teamId;
                     actions.readMessage(message, userId);
                     navigation.navigate("TeamMemberDetails", { teamId, membershipId });
@@ -217,22 +217,22 @@ const MessageSummariesScreen = ({ actions, currentUser, messages, navigation, us
                                 { "To send messages, join or create a team." }
                             </Text>
                         </View>
-                        <View styleName="horizontal" style={ { marginTop: 30 } }>
-                            <Button
+                        <View style={ { flexDirection: "row", marginTop: 30 } }>
+                            <TouchableOpacity
                                 onPress={ () => {
                                     navigation.navigate("FindTeam");
                                 } }
-                                styleName="confirmation">
-                                <Text>JOIN A TEAM</Text>
-                            </Button>
+                                style={ { flex: 1, backgroundColor: "#55683A", padding: 12, marginRight: 5, alignItems: "center", borderRadius: 4 } }>
+                                <Text style={ { color: "white", fontWeight: "bold", fontFamily: "Rubik-Regular" } }>JOIN A TEAM</Text>
+                            </TouchableOpacity>
 
-                            <Button
+                            <TouchableOpacity
                                 onPress={ () => {
                                     navigation.navigate("NewTeam");
                                 } }
-                                styleName="confirmation secondary">
-                                <Text>CREATE A TEAM</Text>
-                            </Button>
+                                style={ { flex: 1, backgroundColor: "#778F4C", padding: 12, marginLeft: 5, alignItems: "center", borderRadius: 4 } }>
+                                <Text style={ { color: "white", fontWeight: "bold", fontFamily: "Rubik-Regular" } }>CREATE A TEAM</Text>
+                            </TouchableOpacity>
                         </View>
                     </View>
                 )