From a8716c7c920b994944c11884da438861bcba1067 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Fern=C3=A1ndez=20de=20Alba?=
 <sneridagh@gmail.com>
Date: Fri, 18 Oct 2024 08:25:03 +0200
Subject: [PATCH] Fix button style wrapper and props passed (#23)

* Fix button style wrapper and props passed

* Changelog
---
 packages/volto-button-block/news/23.bugfix          | 1 +
 packages/volto-button-block/src/components/View.jsx | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 packages/volto-button-block/news/23.bugfix

diff --git a/packages/volto-button-block/news/23.bugfix b/packages/volto-button-block/news/23.bugfix
new file mode 100644
index 0000000..4fe9782
--- /dev/null
+++ b/packages/volto-button-block/news/23.bugfix
@@ -0,0 +1 @@
+Fix style wrapper in view and props passed to the legacy wrapper @sneridagh
diff --git a/packages/volto-button-block/src/components/View.jsx b/packages/volto-button-block/src/components/View.jsx
index 075a68e..f7ca836 100644
--- a/packages/volto-button-block/src/components/View.jsx
+++ b/packages/volto-button-block/src/components/View.jsx
@@ -12,16 +12,17 @@ const messages = defineMessages({
 });
 
 const LegacyWrapper = (props) => (
-  <div className={cx('block __button', props.className)}>
+  <div className={cx('block __button', props.className)} style={props.style}>
     <div className="button container">
-      <div className={cx(`align ${props.data?.inneralign}`)}>
+      <div className={cx('align', props.data?.inneralign)}>
         {props.children}
       </div>
     </div>
   </div>
 );
 
-const View = ({ data, isEditMode, className, blocksConfig }) => {
+const View = (props) => {
+  const { data, isEditMode, blocksConfig } = props;
   const [hasLink, setHasLink] = React.useState(false);
   const intl = useIntl();
   const isBlockModelv3 = blocksConfig?.__button?.blockModel === 3;
@@ -58,7 +59,7 @@ const View = ({ data, isEditMode, className, blocksConfig }) => {
   );
 
   return (
-    <MaybeWrap condition={!isBlockModelv3} as={LegacyWrapper}>
+    <MaybeWrap {...props} condition={!isBlockModelv3} as={LegacyWrapper}>
       {link}
     </MaybeWrap>
   );