feat: backend availability is shown by an image rather than text

Author: Xiphereal

Desktop/BackendAvailability/Converters/BoolToImageConverter.cs

@@ -0,0 +1,29 @@
+using System.Globalization;
+using System.Windows.Data;
+using System.Windows.Media;
+
+namespace Desktop.BackendAvailability.Converters;
+
+public class BoolToImageConverter : IValueConverter
+{
+    public ImageSource BackendAvailable { get; set; }
+    public ImageSource BackendUnavailable { get; set; }
+
+    public object? Convert(
+        object? value,
+        Type targetType,
+        object? parameter,
+        CultureInfo culture)
+    {
+        return (bool)value ? BackendAvailable : BackendUnavailable;
+    }
+
+    public object? ConvertBack(
+        object? value,
+        Type targetType,
+        object? parameter,
+        CultureInfo culture)
+    {
+        throw new NotSupportedException();
+    }
+}

Desktop/BackendAvailability/Resources/BackendAvailable.png

@@ -43,4 +43,9 @@
         <ProjectReference Include="..\Backend\Backend\Backend.csproj"/>
     </ItemGroup>
 
+    <ItemGroup>
+        <Resource Include="BackendAvailability\Resources\BackendAvailable.png"/>
+        <Resource Include="BackendAvailability\Resources\BackendUnavailable.png"/>
+    </ItemGroup>
+
 </Project>

Desktop/BackendAvailability/Resources/BackendUnavailable.png

@@ -3,10 +3,21 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+        xmlns:backendAvailabilityConverters="clr-namespace:Desktop.BackendAvailability.Converters"
         mc:Ignorable="d"
         Title="MainWindow"
         WindowState="Maximized"
         AutomationProperties.AutomationId="TasksAppMainWindow">
+    <Window.Resources>
+        <backendAvailabilityConverters:BoolToImageConverter x:Key="BoolToImageConverter">
+            <backendAvailabilityConverters:BoolToImageConverter.BackendAvailable>
+                <BitmapImage UriSource="pack://application:,,,/BackendAvailability/Resources/BackendAvailable.png" />
+            </backendAvailabilityConverters:BoolToImageConverter.BackendAvailable>
+            <backendAvailabilityConverters:BoolToImageConverter.BackendUnavailable>
+                <BitmapImage UriSource="pack://application:,,,/BackendAvailability/Resources/BackendUnavailable.png" />
+            </backendAvailabilityConverters:BoolToImageConverter.BackendUnavailable>
+        </backendAvailabilityConverters:BoolToImageConverter>
+    </Window.Resources>
     <Grid>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="Auto" />
@@ -26,6 +37,9 @@
             </Menu>
         </StackPanel>
         <ContentControl Grid.Column="1" Name="Content" />
-        <Label Grid.Column="2" Content="{Binding BackendAvailability}" />
+        <Image Grid.Column="2"
+               Width="32"
+               Height="32"
+               Source="{Binding IsBackendAvailable, Converter={StaticResource BoolToImageConverter}}" />
     </Grid>
 </Window>

Desktop/Desktop.csproj

@@ -6,38 +6,30 @@ namespace Desktop;
 
 public class MainWindowViewModel : ViewModelBase
 {
-    private readonly IRemoteTaskRepository backend;
-
     private static readonly TimeSpan CheckBackendAvailabilityInterval =
         TimeSpan.FromSeconds(2);
 
-    private string backendAvailability = "Available";
+    private bool isBackendAvailable;
     private readonly DispatcherTimer periodicBackendAvailabilityCheckTimer;
 
-    public string BackendAvailability
+    public bool IsBackendAvailable
     {
-        get => backendAvailability;
+        get => isBackendAvailable;
         set
         {
-            backendAvailability = value;
+            isBackendAvailable = value;
             OnPropertyChanged();
         }
     }
 
     public MainWindowViewModel(IRemoteTaskRepository backend)
     {
-        this.backend = backend;
         periodicBackendAvailabilityCheckTimer = new DispatcherTimer
         {
             Interval = CheckBackendAvailabilityInterval
         };
         periodicBackendAvailabilityCheckTimer.Tick += async (_, _) =>
-            await CheckBackendAvailability();
+            IsBackendAvailable = await backend.IsAvailable();
         periodicBackendAvailabilityCheckTimer.Start();
     }
-
-    private async Task CheckBackendAvailability()
-    {
-        BackendAvailability = await backend.IsAvailable() ? "Available" : "Non available";
-    }
 }