From d79da454ed5309c28d3d858ec28c4f1851306c72 Mon Sep 17 00:00:00 2001
From: ADAM M SANADI <adamsanadi6@gmail.com>
Date: Mon, 2 Dec 2024 17:26:12 +0530
Subject: [PATCH] #1537 | Display all the groups and household, a member
 belongs to.

---
 .../src/views/common/IndividualProfile.js     | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/packages/openchs-android/src/views/common/IndividualProfile.js b/packages/openchs-android/src/views/common/IndividualProfile.js
index 64c16286b..ec7808791 100644
--- a/packages/openchs-android/src/views/common/IndividualProfile.js
+++ b/packages/openchs-android/src/views/common/IndividualProfile.js
@@ -197,19 +197,24 @@ class IndividualProfile extends AbstractComponent {
     }
 
     renderMenu(groupActions) {
-        return <Menu
-            ref={this.setMenuRef}
-            button={<TouchableOpacity onPress={this.showMenu}>
-                <MaterialIcon
-                    name='more-vert'
-                    size={25}
-                    color={Colors.TextOnPrimaryColor}/>
-            </TouchableOpacity>}>
-            <MenuItem onPress={_.noop} disabled disabledTextColor={Colors.DefaultPrimaryColor}>Member of
-                groups:</MenuItem>
-            {groupActions.map(({fn, label}) => (
-                <MenuItem onPress={fn} textStyle={{color: Colors.Complimentary}}>{label}</MenuItem>))}
-        </Menu>;
+        return <View style={{ flexDirection: 'row', justifyContent: 'flex-end', flexWrap: 'wrap',}}>
+            {groupActions.map((groupAction) => {
+                const label = groupAction.isHousehold ? 'household' : 'group';
+                return (
+                    <TouchableOpacity onPress={groupAction.fn} style={{
+                        paddingVertical: 1,
+                        paddingHorizontal: 7,
+                        marginEnd: 10,
+                        alignItems: 'center',
+                        backgroundColor: Styles.greyBackground,
+                        borderRadius: 5,
+                        marginBottom: 5
+                    }}>
+                        <Text style={{color: Styles.accentColor}}>{`${groupAction.label} ${this.I18n.t(label)}`}</Text>
+                    </TouchableOpacity>
+                )
+            })}
+        </View>
     }
 
     renderCommentIcon() {