From df811d0b1ae5e1f6f2a811875380c9705f920b0b Mon Sep 17 00:00:00 2001
From: Oleksii Holub <Oleksii.Holub@3shape.com>
Date: Mon, 25 Jun 2018 17:38:28 +0300
Subject: [PATCH] Add loading placeholder for guild icons

---
 DiscordChatExporter.Gui/Views/MainWindow.xaml | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/DiscordChatExporter.Gui/Views/MainWindow.xaml b/DiscordChatExporter.Gui/Views/MainWindow.xaml
index 63c07120..37104af4 100644
--- a/DiscordChatExporter.Gui/Views/MainWindow.xaml
+++ b/DiscordChatExporter.Gui/Views/MainWindow.xaml
@@ -126,27 +126,28 @@
                                         <materialDesign:TransitioningContent.OpeningEffect>
                                             <materialDesign:TransitionEffect Kind="SlideInFromLeft" Duration="0:0:0.3" />
                                         </materialDesign:TransitioningContent.OpeningEffect>
-                                        <Border
+                                        <Grid
                                             Margin="-8"
                                             Background="Transparent"
-                                            Cursor="Hand">
-                                            <Image
+                                            Cursor="Hand"
+                                            ToolTip="{Binding Name}">
+                                            <!--  Guild icon placeholder  -->
+                                            <Ellipse
                                                 Width="48"
                                                 Height="48"
                                                 Margin="12,4,12,4"
-                                                Source="{Binding IconUrl}"
-                                                ToolTip="{Binding Name}">
-                                                <Image.OpacityMask>
-                                                    <RadialGradientBrush>
-                                                        <RadialGradientBrush.GradientStops>
-                                                            <GradientStop Offset="0" Color="#FF000000" />
-                                                            <GradientStop Offset="0.96" Color="#FF000000" />
-                                                            <GradientStop Offset="1" Color="#00000000" />
-                                                        </RadialGradientBrush.GradientStops>
-                                                    </RadialGradientBrush>
-                                                </Image.OpacityMask>
-                                            </Image>
-                                        </Border>
+                                                Fill="{DynamicResource DividerBrush}" />
+
+                                            <!--  Guild icon  -->
+                                            <Ellipse
+                                                Width="48"
+                                                Height="48"
+                                                Margin="12,4,12,4">
+                                                <Ellipse.Fill>
+                                                    <ImageBrush ImageSource="{Binding IconUrl}" />
+                                                </Ellipse.Fill>
+                                            </Ellipse>
+                                        </Grid>
                                     </materialDesign:TransitioningContent>
                                 </DataTemplate>
                             </ListBox.ItemTemplate>