updated instafeed gutenberg controls

WPDevelopers · May 21, 2024 · 5c3a7f6 · 5c3a7f6
1 parent 4d38ea6
commit 5c3a7f6
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 34 deletions.
diff --git a/Gutenberg/dist/blocks.build.js b/Gutenberg/dist/blocks.build.js
diff --git a/Gutenberg/dist/blocks.style.build.css b/Gutenberg/dist/blocks.style.build.css
@@ -1371,7 +1371,8 @@ button.skip-ad-button {
   clear: both; }
 
 .pro-control {
-  position: relative; }
+  position: relative;
+  margin-bottom: 20px; }
 
 span.isPro {
   position: absolute;

diff --git a/Gutenberg/src/embedpress-pdf/style.scss b/Gutenberg/src/embedpress-pdf/style.scss
@@ -35,6 +35,7 @@
 
 .pro-control{
 	position: relative;
+    margin-bottom: 20px;
 }
 span.isPro {
     position: absolute;

diff --git a/Gutenberg/src/embedpress/InspectorControl/instafeed.js b/Gutenberg/src/embedpress/InspectorControl/instafeed.js
@@ -236,8 +236,9 @@ export default function Instafeed({ attributes, setAttributes }) {
                             }
 
 
-                            <div className={isProPluginActive ? "pro-control-active" : "pro-control"} onClick={(e) => { addProAlert(e, isProPluginActive) }}>
-                                {instafeedProfileImage && (
+                            {instafeedProfileImage && (
+                                <div className={isProPluginActive ? "pro-control-active" : "pro-control"} onClick={(e) => { addProAlert(e, isProPluginActive) }}>
+
                                     <MediaUpload
                                         onSelect={onSelectImage}
                                         allowedTypes={['image']}
@@ -250,13 +251,15 @@ export default function Instafeed({ attributes, setAttributes }) {
                                             </Button>
                                         )}
                                     />
-                                )}
-                                {
-                                    (!isProPluginActive) && (
-                                        <span className='isPro'>{__('pro', 'embedpress')}</span>
-                                    )
-                                }
-                            </div>
+
+
+                                    {
+                                        (!isProPluginActive) && (
+                                            <span className='isPro'>{__('pro', 'embedpress')}</span>
+                                        )
+                                    }
+                                </div>
+                            )}
 
                             <ToggleControl
                                 label={__('Follow Button', 'embedpress')}
@@ -431,42 +434,42 @@ export default function Instafeed({ attributes, setAttributes }) {
                                                 )
                                             }
                                         </div>
+                                        {
+                                            (instafeedAccountType === 'business' || instafeedFeedType === 'hashtag_type') && (
+                                                <div className={isProPluginActive ? "pro-control-active" : "pro-control"} onClick={(e) => { addProAlert(e, isProPluginActive) }}>
 
-                                        <div className={isProPluginActive ? "pro-control-active" : "pro-control"} onClick={(e) => { addProAlert(e, isProPluginActive) }}>
-                                            {
-                                                (instafeedAccountType === 'business' || instafeedFeedType === 'hashtag_type') && (
                                                     <ToggleControl
                                                         label={__('Likes Count', 'embedpress')}
                                                         checked={instafeedLikesCount}
                                                         onChange={(instafeedLikesCount) => setAttributes({ instafeedLikesCount })}
                                                     />
-                                                )
-                                            }
-                                            {
-                                                (!isProPluginActive) && (
-                                                    <span className='isPro'>{__('pro', 'embedpress')}</span>
-                                                )
-                                            }
-                                        </div>
 
-                                        <div className={isProPluginActive ? "pro-control-active" : "pro-control"} onClick={(e) => { addProAlert(e, isProPluginActive) }}>
-                                            {
-                                                (instafeedAccountType === 'business' || instafeedFeedType === 'hashtag_type') && (
+                                                    {
+                                                        (!isProPluginActive) && (
+                                                            <span className='isPro'>{__('pro', 'embedpress')}</span>
+                                                        )
+                                                    }
+                                                </div>
+                                            )
+                                        }
+                                        {
+                                            (instafeedAccountType === 'business' || instafeedFeedType === 'hashtag_type') && (
+                                                <div className={isProPluginActive ? "pro-control-active" : "pro-control"} onClick={(e) => { addProAlert(e, isProPluginActive) }}>
+
                                                     <ToggleControl
                                                         label={__('Comments Count', 'embedpress')}
                                                         checked={instafeedCommentsCount}
                                                         onChange={(instafeedCommentsCount) => setAttributes({ instafeedCommentsCount })}
                                                     />
-                                                )
-                                            }
-                                            {
-                                                (!isProPluginActive) && (
-                                                    <span className='isPro'>{__('pro', 'embedpress')}</span>
-                                                )
-                                            }
-                                        </div>
-
 
+                                                    {
+                                                        (!isProPluginActive) && (
+                                                            <span className='isPro'>{__('pro', 'embedpress')}</span>
+                                                        )
+                                                    }
+                                                </div>
+                                            )
+                                        }
 
 
                                         <ToggleControl