[PATCH datacenter-manager 3/4] ui: factor out the 'empty_state' render helper

[Dominik Csapak <d.csapak@proxmox.com>]

this is a nice looking hint for empty grids/panels that we should reuse
across the various pages so move it to the renderer module.

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 ui/src/guests.rs   | 22 ++--------------------
 ui/src/renderer.rs | 22 ++++++++++++++++++++--
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/ui/src/guests.rs b/ui/src/guests.rs
index 416d5866..f11f0de5 100644
--- a/ui/src/guests.rs
+++ b/ui/src/guests.rs
@@ -24,7 +24,7 @@ use proxmox_yew_comp::{
     LoadableComponentScopeExt, LoadableComponentState, rrd_value_renderer,
 };
 
-use pwt::css::{AlignItems, ColorScheme, FlexFit, FontStyle, JustifyContent};
+use pwt::css::{AlignItems, ColorScheme, FlexFit, JustifyContent};
 use pwt::prelude::*;
 use pwt::props::{
     ContainerBuilder, CssPaddingBuilder, ExtractPrimaryKey, StorageLocation, WidgetBuilder,
@@ -44,7 +44,7 @@ use pdm_search::SearchTerm;
 
 use crate::pve::utils::{guest_is_live, guest_status_label, render_guest_tags};
 use crate::pve::{GuestInfo, GuestType};
-use crate::renderer::{render_resource_name, render_status_icon, render_tree_column};
+use crate::renderer::{empty_state, render_resource_name, render_status_icon, render_tree_column};
 use crate::{
     get_deep_url, get_resource_node,
     widget::{MigrateWindow, SnapshotWindow},
@@ -606,24 +606,6 @@ impl LoadableComponent for GuestPanelComp {
     }
 }
 
-/// A centered, large-icon empty state with a title and an explanatory hint.
-fn empty_state(icon: &str, title: String, hint: String) -> Html {
-    Column::new()
-        .class(FlexFit)
-        .class(JustifyContent::Center)
-        .class(AlignItems::Center)
-        .gap(2)
-        .padding(4)
-        .with_child(Fa::new(icon).large_3x())
-        .with_child(
-            Container::from_tag("span")
-                .class(FontStyle::TitleMedium)
-                .with_child(title),
-        )
-        .with_child(Container::from_tag("span").with_child(hint))
-        .into()
-}
-
 fn failed_remotes_banner(failed: &[String]) -> Html {
     Row::new()
         .padding(2)
diff --git a/ui/src/renderer.rs b/ui/src/renderer.rs
index 1d152977..be3a94b4 100644
--- a/ui/src/renderer.rs
+++ b/ui/src/renderer.rs
@@ -1,8 +1,8 @@
 use proxmox_yew_comp::MeterLabel;
-use pwt::css::AlignItems;
+use pwt::css::{AlignItems, FlexFit, FontStyle, JustifyContent};
 use pwt::prelude::*;
 use pwt::props::ContainerBuilder;
-use pwt::widget::{Container, Fa, Row};
+use pwt::widget::{Column, Container, Fa, Row};
 
 use proxmox_human_byte::HumanByte;
 
@@ -109,3 +109,21 @@ pub(crate) fn render_title_row(title: String, icon: &str) -> Row {
         .with_child(Fa::new(icon))
         .with_child(title)
 }
+
+/// A centered, large-icon empty state with a title and an explanatory hint.
+pub(crate) fn empty_state(icon: &str, title: String, hint: String) -> Html {
+    Column::new()
+        .class(FlexFit)
+        .class(JustifyContent::Center)
+        .class(AlignItems::Center)
+        .gap(2)
+        .padding(4)
+        .with_child(Fa::new(icon).large_3x())
+        .with_child(
+            Container::from_tag("span")
+                .class(FontStyle::TitleMedium)
+                .with_child(title),
+        )
+        .with_child(Container::from_tag("span").with_child(hint))
+        .into()
+}
-- 
2.47.3