feat: Fix OutOfStock nested components

Signed-off-by: Arthur Andrade <arthurfelandrade@gmail.com>
vtex · Jun 3, 2022 · 86b663b · 86b663b
1 parent be1a2b1
commit 86b663b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx b/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
@@ -13,9 +13,14 @@ export const OutOfStockMessage = ({
   as: MessageComponent = 'p',
   testId = 'store-out-of-stock-message',
   children,
+  ...otherProps
 }: OutOfStockMessageProps) => {
   return (
-    <MessageComponent data-out-of-stock-message data-testid={testId}>
+    <MessageComponent
+      data-out-of-stock-message
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </MessageComponent>
   )

diff --git a/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx b/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
@@ -13,9 +13,14 @@ export const OutOfStockTitle = ({
   as: TitleComponent = 'h2',
   testId = 'store-out-of-stock-title',
   children,
+  ...otherProps
 }: OutOfStockTitleProps) => {
   return (
-    <TitleComponent data-out-of-stock-title data-testid={testId}>
+    <TitleComponent
+      data-out-of-stock-title
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </TitleComponent>
   )