Merge pull request #3487 from bettyblocks/fix/box-with-bg-image-not-s…

…howing-PAGE-4710 fix(PAGE-4710): Background image of box are now shown
bettyblocks · Oct 3, 2024 · f6273d1 · f6273d1
2 parents e557f6f + 8335101
commit f6273d1
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 0 deletions.
diff --git a/src/prefabs/pageWithErrors.tsx b/src/prefabs/pageWithErrors.tsx
@@ -314,6 +314,14 @@ const beforeCreate = ({
           value: ['0rem', '0rem', 'M', '0rem'],
         }),
       );
+      setOption(
+        backgroundBox,
+        'backgroundType',
+        (opt: PrefabComponentOption) => ({
+          ...opt,
+          value: 'url',
+        }),
+      );
       setOption(
         backgroundBox,
         'backgroundUrl',

diff --git a/src/prefabs/pageWithHomepageLayout.tsx b/src/prefabs/pageWithHomepageLayout.tsx
@@ -659,6 +659,18 @@ export default makePrefab('Homepage, inspirational', attrs, beforeCreate, [
                             'https://assets.bettyblocks.com/63b1c6ccc6874e0796e5cc5b7e41b3da_assets/files/Homepage_banner_gradient',
                           ],
                         }),
+                        backgroundType: option('CUSTOM', {
+                          label: 'Background type',
+                          value: 'url',
+                          configuration: {
+                            as: 'BUTTONGROUP',
+                            dataType: 'string',
+                            allowedInput: [
+                              { name: 'Image', value: 'img' },
+                              { name: 'Data/URL', value: 'url' },
+                            ],
+                          },
+                        }),
                       },
                     },
                     [

diff --git a/src/prefabs/pageWithLoginAndRegisterForm.tsx b/src/prefabs/pageWithLoginAndRegisterForm.tsx
@@ -976,6 +976,18 @@ export default makePrefab(
                                   },
                                 },
                               ),
+                              backgroundType: option('CUSTOM', {
+                                label: 'Background type',
+                                value: 'url',
+                                configuration: {
+                                  as: 'BUTTONGROUP',
+                                  dataType: 'string',
+                                  allowedInput: [
+                                    { name: 'Image', value: 'img' },
+                                    { name: 'Data/URL', value: 'url' },
+                                  ],
+                                },
+                              }),
                               backgroundUrl: variable('Background url', {
                                 value: [
                                   'https://assets.bettyblocks.com/7730f33d3a624ec6b5383b5dc26c79d6_assets/files/login-background.jpeg',

diff --git a/src/prefabs/pageWithLoginForm.tsx b/src/prefabs/pageWithLoginForm.tsx
@@ -294,6 +294,18 @@ const prefabStructure: PrefabComponent[] = [
                           backgroundOptions: toggle('Show background options', {
                             value: true,
                           }),
+                          backgroundType: option('CUSTOM', {
+                            label: 'Background type',
+                            value: 'url',
+                            configuration: {
+                              as: 'BUTTONGROUP',
+                              dataType: 'string',
+                              allowedInput: [
+                                { name: 'Image', value: 'img' },
+                                { name: 'Data/URL', value: 'url' },
+                              ],
+                            },
+                          }),
                           backgroundUrl: variable('Background url', {
                             value: [
                               'https://assets.bettyblocks.com/1e9019bb1c5c4af2ba799c2ee1761af0_assets/files/login-background',

diff --git a/src/prefabs/pageWithRegisterForm.tsx b/src/prefabs/pageWithRegisterForm.tsx
@@ -662,6 +662,18 @@ export default makePrefab('User, account register only', attrs, beforeCreate, [
                               as: 'UNIT',
                             },
                           }),
+                          backgroundType: option('CUSTOM', {
+                            label: 'Background type',
+                            value: 'url',
+                            configuration: {
+                              as: 'BUTTONGROUP',
+                              dataType: 'string',
+                              allowedInput: [
+                                { name: 'Image', value: 'img' },
+                                { name: 'Data/URL', value: 'url' },
+                              ],
+                            },
+                          }),
                           backgroundOptions: toggle('Show background options', {
                             value: true,
                           }),