refactor: moved classic sidebar settings

[RaduCristianPopescu]

Summary

Moved Feedzy classic sidebar settings to the top

Will affect visual aspect of the product

YES

Screenshots

Closes https://github.com/Codeinwp/feedzy-rss-feeds-pro/issues/863

[Copilot]

Pull Request Overview

This refactor changes the conditional rendering approach for sidebar settings in the Feedzy block inspector, replacing React conditional rendering with CSS display toggling to move classic sidebar settings to the top.

• Replaced conditional JSX rendering ({condition && <Component />}) with div wrappers using CSS display properties
• Modified three main sections: content tab, style tab, and advanced tab rendering
• Changed from React's conditional mounting/unmounting to CSS visibility control

[Copilot]

Using CSS display toggle keeps all components mounted in the DOM even when hidden, which can impact performance compared to conditional rendering. The original approach ({condition && <Component />}) only renders components when needed, reducing memory usage and improving performance.

Suggested change

	<div style={{ display: 'content' === this.state.tab ? 'block' : 'none' }}>
	{this.state.tab === 'content' && (

[Copilot]

[nitpick] The inline style object with complex conditional logic spanning multiple lines reduces readability. Consider extracting this logic into a computed property or helper function for better maintainability.

[Copilot]

[nitpick] Similar to the previous comment, this complex conditional logic in inline styles makes the code harder to read and maintain. Consider consolidating the display logic into reusable helper functions.

Suggested change

	<div style={{
	display: 'fetched' === this.props.state.route &&
	'advanced' === this.state.tab ? 'block' : 'none'
	<div style={{
	display: this.getDisplayStyle(
	this.props.state.route,
	this.state.tab,
	'fetched',
	'advanced'
	)

[pirate-bot]

Plugin build for 76b1392 is ready 🛎️!

• Download build

Note

You can preview the changes in the Playground