[CN-2386] add conditional render when landing on page

homedepot · Jun 7, 2023 · dc79190 · dc79190
1 parent f21d465
commit dc79190
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/spin-observatory-plugin-deck/src/components/PluginContainer.tsx b/spin-observatory-plugin-deck/src/components/PluginContainer.tsx
@@ -60,13 +60,17 @@ export function PluginContainer({ app }: IPluginContainerProps) {
         </div>
       </div>
       <div style={{ flexGrow: 19 }}>
-        <PipelineExecutions
-          appName={app.name}
-          pipeline={selectedPipeline}
-          parameters={selectedParams}
-          status={selectedStatus}
-          dateRange={selectedDateRange}
-        />
+        {!selectedPipeline ? (
+          <h4 style={{ textAlign: 'center' }}>Select a pipeline..</h4>
+        ) : (
+          <PipelineExecutions
+            appName={app.name}
+            pipeline={selectedPipeline}
+            parameters={selectedParams}
+            status={selectedStatus}
+            dateRange={selectedDateRange}
+          />
+        )}
       </div>
     </div>
   );