Fix #585

src/components/Parse/Emojis.tsx

@@ -4,8 +4,8 @@ import { getSettingsFontsize } from '@utils/slices/settingsSlice'
 import { StyleConstants } from '@utils/styles/constants'
 import { adaptiveScale } from '@utils/styles/scaling'
 import { useTheme } from '@utils/styles/ThemeManager'
-import React, { useMemo } from 'react'
-import { Platform, StyleSheet, TextStyle } from 'react-native'
+import React from 'react'
+import { Platform, TextStyle } from 'react-native'
 import FastImage from 'react-native-fast-image'
 import { useSelector } from 'react-redux'
 import validUrl from 'valid-url'
@@ -36,23 +36,19 @@ const ParseEmojis = React.memo(
     )
 
     const { colors, theme } = useTheme()
-    const styles = useMemo(() => {
-      return StyleSheet.create({
-        text: {
-          color: colors.primaryDefault,
-          fontSize: adaptedFontsize,
-          lineHeight: adaptedLineheight
-        },
-        image: {
-          width: adaptedFontsize,
-          height: adaptedFontsize,
-          ...(Platform.OS === 'android' && { transform: [{ translateY: 2 }] })
-        }
-      })
-    }, [theme, adaptiveFontsize])
 
     return (
-      <CustomText style={[styles.text, style]} fontWeight={fontBold ? 'Bold' : undefined}>
+      <CustomText
+        style={[
+          {
+            color: colors.primaryDefault,
+            fontSize: adaptedFontsize,
+            lineHeight: adaptedLineheight
+          },
+          style
+        ]}
+        fontWeight={fontBold ? 'Bold' : undefined}
+      >
         {emojis ? (
           content
             .split(regexEmoji)
@@ -73,7 +69,14 @@ const ParseEmojis = React.memo(
                     return (
                       <CustomText key={emojiShortcode + i}>
                         {i === 0 ? ' ' : undefined}
-                        <FastImage source={{ uri }} style={styles.image} />
+                        <FastImage
+                          source={{ uri }}
+                          style={{
+                            width: adaptedFontsize,
+                            height: adaptedFontsize,
+                            transform: [{ translateY: Platform.OS === 'ios' ? -1 : 2 }]
+                          }}
+                        />
                       </CustomText>
                     )
                   } else {

src/components/Parse/HTML.tsx

@@ -135,7 +135,7 @@ const renderNode = ({
                 size={adaptedFontsize}
                 style={{
                   marginLeft: StyleConstants.Spacing.XS,
-                  ...(Platform.OS === 'android' && { transform: [{ translateY: 2 }] })
+                  transform: [{ translateY: Platform.OS === 'ios' ? -1 : 2 }]
                 }}
               />
             ) : null}

src/components/contextMenu/account.ts

@@ -16,7 +16,7 @@ import {
 import { getInstanceAccount } from '@utils/slices/instancesSlice'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Platform } from 'react-native'
+import { Alert, Platform } from 'react-native'
 import { useQueryClient } from '@tanstack/react-query'
 import { useSelector } from 'react-redux'
 
@@ -186,12 +186,22 @@ const menuAccount = ({
         key: 'account-block',
         item: {
           onSelect: () =>
-            timelineMutation.mutate({
-              type: 'updateAccountProperty',
-              queryKey,
-              id: account.id,
-              payload: { property: 'block', currentValue: data?.blocking }
-            }),
+            Alert.alert(t('account.block.alert.title', { username: account.username }), undefined, [
+              {
+                text: t('common:buttons.confirm'),
+                style: 'destructive',
+                onPress: () =>
+                  timelineMutation.mutate({
+                    type: 'updateAccountProperty',
+                    queryKey,
+                    id: account.id,
+                    payload: { property: 'block', currentValue: data?.blocking }
+                  })
+              },
+              {
+                text: t('common:buttons.cancel')
+              }
+            ]),
           disabled: Platform.OS !== 'android' ? !data || !isFetched : false,
           destructive: !data?.blocking,
           hidden: false
@@ -204,20 +214,34 @@ const menuAccount = ({
       {
         key: 'account-reports',
         item: {
-          onSelect: () => {
-            timelineMutation.mutate({
-              type: 'updateAccountProperty',
-              queryKey,
-              id: account.id,
-              payload: { property: 'reports' }
-            })
-            timelineMutation.mutate({
-              type: 'updateAccountProperty',
-              queryKey,
-              id: account.id,
-              payload: { property: 'block', currentValue: false }
-            })
-          },
+          onSelect: () =>
+            Alert.alert(
+              t('account.reports.alert.title', { username: account.username }),
+              undefined,
+              [
+                {
+                  text: t('common:buttons.confirm'),
+                  style: 'destructive',
+                  onPress: () => {
+                    timelineMutation.mutate({
+                      type: 'updateAccountProperty',
+                      queryKey,
+                      id: account.id,
+                      payload: { property: 'reports' }
+                    })
+                    timelineMutation.mutate({
+                      type: 'updateAccountProperty',
+                      queryKey,
+                      id: account.id,
+                      payload: { property: 'block', currentValue: false }
+                    })
+                  }
+                },
+                {
+                  text: t('common:buttons.cancel')
+                }
+              ]
+            ),
           disabled: false,
           destructive: true,
           hidden: false

src/components/contextMenu/instance.ts

@@ -49,7 +49,7 @@ const menuInstance = ({
               t('instance.block.alert.message'),
               [
                 {
-                  text: t('instance.block.alert.buttons.confirm'),
+                  text: t('common:buttons.confirm'),
                   style: 'destructive',
                   onPress: () => {
                     mutation.mutate({

src/components/contextMenu/status.ts

@@ -109,7 +109,7 @@ const menuStatus = ({
           onSelect: () =>
             Alert.alert(t('status.deleteEdit.alert.title'), t('status.deleteEdit.alert.message'), [
               {
-                text: t('status.deleteEdit.alert.buttons.confirm'),
+                text: t('common:buttons.confirm'),
                 style: 'destructive',
                 onPress: async () => {
                   let replyToStatus: Mastodon.Status | undefined = undefined
@@ -153,7 +153,7 @@ const menuStatus = ({
           onSelect: () =>
             Alert.alert(t('status.delete.alert.title'), t('status.delete.alert.message'), [
               {
-                text: t('status.delete.alert.buttons.confirm'),
+                text: t('common:buttons.confirm'),
                 style: 'destructive',
                 onPress: async () => {
                   mutation.mutate({