iframe loaded only when an example is selected

WordPress · Aug 30, 2024 · e2a1f4e · e2a1f4e
1 parent 62b2c0b
commit e2a1f4e
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/_app/src/HomePage.js b/_app/src/HomePage.js
@@ -225,11 +225,13 @@ const Examples = () => {
 						<_DataViews />
 					</div>
 					<div className="iframeContainer">
-						<iframe
-							src={ `https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/${ selectedExample }/_playground/blueprint.json` }
-							title="Example Iframe" // Title for accessibility
-							loading="lazy" // Optional: Defer loading the iframe until it is visible
-						/>
+						{ selectedExample && (
+							<iframe
+								src={ `https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/WordPress/block-development-examples/trunk/plugins/${ selectedExample }/_playground/blueprint.json` }
+								title="Example Iframe" // Title for accessibility
+								loading="lazy" // Optional: Defer loading the iframe until it is visible
+							/>
+						) }
 					</div>
 				</div>
 			) : (