update error UI

Author: ceceppa

.prettierrc.js

@@ -1,7 +1,6 @@
 module.exports = {
   plugins: [require('@ianvs/prettier-plugin-sort-imports')],
   bracketSpacing: true,
-  jsxBracketSameLine: true,
   singleQuote: true,
   trailingComma: 'all',
   arrowParens: 'avoid',

package.json

@@ -6,8 +6,9 @@
   "repository": "https://github.com/FormidableLabs/react-native-ama.git",
   "homepage": "https://commerce.nearform.com/open-source/react-native-ama/",
   "scripts": {
-    "playground": "yarn --cwd playground",
-    "playground:ios": "yarn --cwd playground run ios",
+    "playground": "cd playground && yarn start",
+    "playground:ios": "cd playground && yarn ios",
+    "playground:android": "cd playground && yarn android",
     "build:animations": "yarn workspace @react-native-ama/animations build",
     "build:core": "yarn workspace @react-native-ama/core build",
     "build:extras": "yarn workspace @react-native-ama/extras build",

packages/core/android/src/debug/java/expo/modules/ama/a11yChecker.kt

@@ -217,7 +217,7 @@ class A11yChecker(private val appContext: AppContext, private val config: AMACon
 
     private fun checkForMinimumTargetSize(view: View) {
         if (view.width < 48 || view.height < 48) {
-            Logger.error("checkView", "Small touch target")
+            Logger.info("checkView", "Small touch target")
 
             addIssue(
                     rule = Rule.MINIMUM_SIZE,

packages/core/ios/A11yChecker.swift

@@ -144,10 +144,9 @@ public class A11yChecker {
         if view.isPressable {
             checkForA11yLabel(view)
             checkForA11yRole(view)
+            checkForMinimumTargetArea(view)
         }
 
-        // checkForMinimumTargetArea(view)
-
         //
         // // Minimum touch target
 
@@ -197,9 +196,6 @@ public class A11yChecker {
         if !(hasRoleTrait || defaultRole != nil) {
             let label = view.getTextOrContent()
             let traitNames = view.accessibilityTraits.names
-            Logger.info(
-                label, defaultRole ?? "no role",
-                extra: traitNames.joined(separator: ", "))
 
             addIssue(
                 rule: .noAccessibilityRole,

packages/core/src/ReactNativeAmaView.tsx

@@ -2,8 +2,7 @@ import { requireNativeView } from 'expo';
 import * as React from 'react';
 import { ReactNativeAmaViewProps } from './ReactNativeAma.types';
 
-const NativeView: React.ComponentType<ReactNativeAmaViewProps> =
-  requireNativeView('ReactNativeAma');
+const NativeView: React.ComponentType = requireNativeView('ReactNativeAma');
 
 export default function ReactNativeAmaView(props: ReactNativeAmaViewProps) {
   return <NativeView {...props} />;