Merge pull request #34 from bothrs/thgh-patch-1

fix: make deprecation message more constructive
bothrs · Apr 20, 2022 · 02c0c4c · 02c0c4c
2 parents 19feb53 + a0b4cd8
commit 02c0c4c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/react-native-layout/src/components/container/Container.props.ts b/packages/react-native-layout/src/components/container/Container.props.ts
@@ -5,6 +5,7 @@ import type { PaddingOrMarginProps } from '../../types/generic-props'
 export interface ContainerProps {
   type: 'padding' | 'margin'
   amount: PaddingOrMarginProps
+  /** @deprecated use `style={{ backgroundColor: "red" }}` instead */
   backgroundColor?: string
   style?: ViewStyle
   onLayout?: (e: LayoutChangeEvent) => void

diff --git a/packages/react-native-layout/src/components/container/Container.tsx b/packages/react-native-layout/src/components/container/Container.tsx
@@ -17,7 +17,9 @@ const Container: FunctionComponent<ContainerProps & TestableComponent> = ({
   useEffect(() => {
     if (backgroundColor !== 'transparent') {
       console.warn(
-        '[@bothrs/react-native-layout]: backgroundColor has been deprecated and will be removed in a later version.'
+        '[@bothrs/react-native-layout]: backgroundColor has been deprecated, use style={{ backgroundColor: ' +
+          JSON.stringify(backgroundColor) +
+          ' }} instead.'
       )
     }
   }, [backgroundColor])