fix(View): add name prop to View for Bara

barajs · Apr 15, 2019 · 097d0c1 · 097d0c1
1 parent fa0b5c3
commit 097d0c1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/examples/components/WelcomeText.tsx b/src/examples/components/WelcomeText.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { useBarnState, Text, Touchable, View } from '../../lib'
+import { Text, Touchable, useBarnState, View } from '../../lib'
 
 export const WelcomeText = () => {
   const [message, setMessage] = useBarnState('welcome', 'Welcome to Bara App!')
@@ -9,7 +9,7 @@ export const WelcomeText = () => {
   }
 
   return (
-    <View>
+    <View name="message-view">
       <Touchable name="change-welcome-message" onPress={changeMessage}>
         <Text>{message}</Text>
       </Touchable>

diff --git a/src/lib/exports/View/View.tsx b/src/lib/exports/View/View.tsx
@@ -12,7 +12,7 @@ export interface ViewProps extends ViewPropsOriginal, BaraBaseComponentProps {
 }
 
 export const View = React.forwardRef(
-  ({ onLayout: _onLayout, ...props }: ViewProps, ref: any) => {
+  ({ onLayout: _onLayout, name, ...props }: ViewProps, ref: any) => {
     const context = useBaraContext()
     const onLayout: typeof _onLayout = e => {
       context.components.view.onLayout({ name, ...props })