fix: appearance

TryQuiet · Oct 19, 2023 · ffa4d05 · ffa4d05
1 parent a212de3
commit ffa4d05
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 14 deletions.
diff --git a/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx b/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx
@@ -15,7 +15,6 @@ export const ContextMenu: FC<ContextMenuProps> = ({
   linkAction = () => {
     console.log('No action attached for link tap gesture.')
   },
-
   children,
 }) => {
   const [show, setShow] = React.useState<boolean>(false)
@@ -162,6 +161,7 @@ export const ContextMenu: FC<ContextMenuProps> = ({
                 />
               </View>
             )}
+
             {children}
           </View>
         </TouchableWithoutFeedback>

diff --git a/...ges/mobile/src/components/ContextMenu/menus/UnregisteredUsernameContextMenu.container.tsx b/...ges/mobile/src/components/ContextMenu/menus/UnregisteredUsernameContextMenu.container.tsx
@@ -17,19 +17,30 @@ export const UnregisteredUsernameContextMenu: FC = () => {
       <View
         style={{ padding: 20, alignItems: 'center', borderTopWidth: 1, borderColor: defaultPalette.background.gray06 }}
       >
-        <Typography fontSize={14} style={{ textAlign: 'center', lineHeight: 20 }}>
-          The username{' '}
-          <Typography fontSize={14} fontWeight={'bold'}>
-            @{usernameTakenContextMenu.username}
-          </Typography>{' '}
-          has not been registered yet with the community owner, so it’s still possible for someone else to register the
-          same username. When the community owner is online,{' '}
-          <Typography fontSize={14} fontWeight={'bold'}>
-            @{usernameTakenContextMenu.username}
-          </Typography>{' '}
-          will be registered automatically and this alert will go away.
-        </Typography>
-        <Button width={60} title={'OK'} onPress={usernameTakenContextMenu.handleClose} />
+        <View>
+          <Typography fontSize={14} style={{ textAlign: 'center', lineHeight: 20 }}>
+            The username{' '}
+            <Typography fontSize={14} fontWeight={'bold'}>
+              @{usernameTakenContextMenu.username}
+            </Typography>{' '}
+            has not been registered yet with the community owner, so it’s still possible for someone else to register
+            the same username.
+          </Typography>
+        </View>
+
+        <View style={{ marginTop: 20 }}>
+          <Typography fontSize={14} style={{ textAlign: 'center', lineHeight: 20 }}>
+            When the community owner is online,{' '}
+            <Typography fontSize={14} fontWeight={'bold'}>
+              @{usernameTakenContextMenu.username}
+            </Typography>{' '}
+            will be registered automatically and this alert will go away.
+          </Typography>
+        </View>
+
+        <View style={{ marginTop: 20 }}>
+          <Button width={160} title={'OK'} onPress={usernameTakenContextMenu.handleClose} />
+        </View>
       </View>
     </ContextMenu>
   )