Merged PR 35641: Zorg dat chat menu items volledige breedte gebruiken

Related work items: #129943
Amsterdam · Nov 6, 2024 · 6fb5426 · 6fb5426
2 parents 1196eab + 40efccf
commit 6fb5426
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/modules/chat/components/ChatMenuItem.tsx b/src/modules/chat/components/ChatMenuItem.tsx
@@ -1,5 +1,6 @@
 import {Pressable} from '@/components/ui/buttons/Pressable'
 import {Box} from '@/components/ui/containers/Box'
+import {Size} from '@/components/ui/layout/Size'
 import {Phrase} from '@/components/ui/text/Phrase'
 import {type TestProps} from '@/components/ui/types'
 import {type Theme} from '@/themes/themes'
@@ -11,17 +12,19 @@ type Props = {
 } & TestProps
 
 export const ChatMenuItem = ({onPress, testID, label, color}: Props) => (
-  <Pressable
-    onPress={onPress}
-    testID={testID}>
-    <Box
-      insetHorizontal="md"
-      insetVertical="sm">
-      <Phrase
-        color={color}
-        testID={`${testID}Phrase`}>
-        {label}
-      </Phrase>
-    </Box>
-  </Pressable>
+  <Size width={'100%'}>
+    <Pressable
+      onPress={onPress}
+      testID={testID}>
+      <Box
+        insetHorizontal="md"
+        insetVertical="sm">
+        <Phrase
+          color={color}
+          testID={`${testID}Phrase`}>
+          {label}
+        </Phrase>
+      </Box>
+    </Pressable>
+  </Size>
 )