From bd2404b0ecb10c6b8e5ffd34a0f5d6c9d6a1103a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Peyronnet?= <leo.peyronnet@outlook.fr>
Date: Sun, 10 Dec 2023 11:24:10 +0100
Subject: [PATCH] Added placeholder in AI Page color section (#352)

---
 ColorPicker/Pages/AiGenPage.xaml    | 29 ++++++++++++++++++++++-------
 ColorPicker/Pages/AiGenPage.xaml.cs |  5 +++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/ColorPicker/Pages/AiGenPage.xaml b/ColorPicker/Pages/AiGenPage.xaml
index 7b8c65e2..ecfb21c6 100644
--- a/ColorPicker/Pages/AiGenPage.xaml
+++ b/ColorPicker/Pages/AiGenPage.xaml
@@ -135,6 +135,7 @@
             Grid.Row="2"
             HorizontalAlignment="Center"
             VerticalAlignment="Center"
+            d:Visibility="Visible"
             Visibility="Collapsed">
             <Border
                 x:Name="ColorBorder"
@@ -143,9 +144,20 @@
                 Margin="10"
                 VerticalAlignment="Center"
                 d:Background="#ff0000"
-                CornerRadius="50" />
-
-            <StackPanel Orientation="Horizontal">
+                CornerRadius="50"
+                Visibility="Collapsed" />
+            <StackPanel
+                x:Name="EmptyPlaceholder"
+                Grid.Row="2"
+                Margin="10">
+                <TextBlock
+                    HorizontalAlignment="Center"
+                    FontFamily="..\Fonts\#FluentSystemIcons-Regular"
+                    FontSize="32"
+                    Text="&#xF2F6;" />
+                <TextBlock HorizontalAlignment="Center" Text="{x:Static lang:Resources.EmptyAiPlaceholder}" />
+            </StackPanel>
+            <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
                 <Border
                     Width="250"
                     HorizontalAlignment="Center"
@@ -360,7 +372,8 @@
         <StackPanel
             x:Name="ApiPlaceholder"
             Grid.Row="2"
-            VerticalAlignment="Center">
+            VerticalAlignment="Center"
+            d:Visibility="Collapsed">
             <TextBlock
                 HorizontalAlignment="Center"
                 FontFamily="..\Fonts\#FluentSystemIcons-Regular"
@@ -423,11 +436,12 @@
                 </Button>
             </StackPanel>
         </StackPanel>
-
         <StackPanel
+            x:Name="DetailsHeader"
             Grid.Row="3"
             Margin="10"
-            Orientation="Horizontal">
+            Orientation="Horizontal"
+            Visibility="Collapsed">
             <TextBlock
                 VerticalAlignment="Center"
                 FontFamily="../Fonts/#FluentSystemIcons-Regular"
@@ -446,7 +460,8 @@
             x:Name="DetailsWrap"
             Grid.Row="4"
             Margin="0 0 0 20"
-            Orientation="Horizontal">
+            Orientation="Horizontal"
+            Visibility="Collapsed">
             <Border
                 MinWidth="150"
                 Margin="5"
diff --git a/ColorPicker/Pages/AiGenPage.xaml.cs b/ColorPicker/Pages/AiGenPage.xaml.cs
index 497858af..87a634ef 100644
--- a/ColorPicker/Pages/AiGenPage.xaml.cs
+++ b/ColorPicker/Pages/AiGenPage.xaml.cs
@@ -70,6 +70,8 @@ internal void LoadDetails()
 	{
 		ColorBorder.Background = new SolidColorBrush { Color = Color.FromRgb(ColorInfo.RGB.R, ColorInfo.RGB.G, ColorInfo.RGB.B) };
 		ColorBorder.Effect = new DropShadowEffect() { BlurRadius = 15, ShadowDepth = 0, Color = Color.FromRgb(ColorInfo.RGB.R, ColorInfo.RGB.G, ColorInfo.RGB.B) };
+		ColorBorder.Visibility = Visibility.Visible;
+		EmptyPlaceholder.Visibility = Visibility.Collapsed;
 
 		// Load the details section		
 		RgbTxt.Text = $"{ColorInfo.RGB.R}; {ColorInfo.RGB.G}; {ColorInfo.RGB.B}";
@@ -85,6 +87,9 @@ internal void LoadDetails()
 		// Load the bookmark icon
 		BookmarkBtn.Content = Global.Bookmarks.ColorBookmarks.Contains(ColorInfo.HEX.Value) ? "\uF1F8" : "\uF1F6";
 		BookmarkBtn.Visibility = Visibility.Visible;
+
+		DetailsHeader.Visibility = Visibility.Visible;
+		DetailsWrap.Visibility = Visibility.Visible;
 	}
 
 	private void LoadBorders(string[] colors)