improve 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

@@ -211,6 +211,7 @@ public class A11yChecker {
     }
 
     private func checkForMinimumTargetArea(_ view: UIView) {
+        Logger.info("checkForMinimumTargetArea", "\(view.bounds.width) \(view.bounds.height)")
         if view.isPressable && (view.bounds.width < 48 || view.bounds.height < 48) {
             addIssue(
                 rule: .minimumSize,

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} />;