diff --git a/js/FeedzyBlock/inspector.js b/js/FeedzyBlock/inspector.js
index 4d96acbb..7c25b024 100644
--- a/js/FeedzyBlock/inspector.js
+++ b/js/FeedzyBlock/inspector.js
@@ -25,6 +25,8 @@ import {
SelectControl,
ResponsiveWrapper,
Dashicon,
+ // eslint-disable-next-line @wordpress/no-unsafe-wp-apis
+ __experimentalHStack as HStack,
} from '@wordpress/components';
/**
@@ -97,7 +99,7 @@ class Inspector extends Component {
{'content' === this.state.tab && (
{this.props.attributes.status !== 0 && (
@@ -120,16 +122,6 @@ class Inspector extends Component {
>
{__('Load Feed', 'feedzy-rss-feeds')}
-
)}
{'fetched' === this.props.state.route && (
@@ -198,16 +190,6 @@ class Inspector extends Component {
onChange={this.props.edit.onSort}
className="feedzy-sort"
/>
-
)}
@@ -217,47 +199,6 @@ class Inspector extends Component {
initialOpen={false}
className="feedzy-item-options"
>
-
-
-
-
{this.props.attributes.thumb !==
'auto' && (
-
-
-
(
-
- {this.props
- .attributes
- .default !==
- undefined && (
-
-
-
-
-
-
-
- )}
-
-
- )}
- />
-
+
)}
)}
+
+
-
-
-
-
)}
{'fetched' === this.props.state.route &&
@@ -796,21 +624,14 @@ class Inspector extends Component {
'feedzy-rss-feeds'
)}
className="feedzy-advanced-options"
- initialOpen={false}
+ initialOpen={true}
>
-
-
- {__(
- 'You can find more info about available meta field values here.',
- 'feedzy-rss-feeds'
- )}
-
)}
+
+
+
+
+
+
+
+
)}
@@ -1054,4 +935,75 @@ class Inspector extends Component {
}
}
+function FallbackImageLoader({ props }) {
+ return (
+
+
+
(
+
+ {props.attributes.default !== undefined && (
+
+
+
+ )}
+
+
+ {props.attributes.default !== undefined && (
+
+ )}
+
+
+
+
+ )}
+ />
+
+ );
+}
+
export default Inspector;