feat: deals - display time remaining until deals expire (#268)

* Converters - | create a time until converter

* Deals - page | display time until it expires

* Deals page | improving time until display

* TimeUntilConverter - correction

* TimeUntilConverter - converters | improve

* Deal page - expiration | dynamically change the colour

* Converters - time until| correct a big mistake

* App -| make sure to refresh the Deals when resuming the app

* converters - TimeUntil | remove minutes when it's not relevant

Resolves #260

Author: bricefriha

App/App.xaml.cs

@@ -157,7 +157,13 @@ protected override void OnResume()
 
              ((NewsPage)currentPage).OnResume();
          }
-     }
+
+        if (currentPage.ToString() == "GamHubApp.Views.DealsPage")
+        {
+
+            ((DealsPage)currentPage).Resume();
+        }
+    }
      /// <summary>
      /// Open any popup
      /// </summary>

App/Helpers/Converters/TimeUntilColourConverter.cs

@@ -0,0 +1,30 @@
+
+
+using System.Globalization;
+
+namespace GamHubApp.Helpers;
+
+public class TimeUntilColourConverter : IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        if (value is DateTime enddate) 
+        {
+            var timeremaining = enddate - DateTime.Now;
+
+            if (timeremaining < TimeSpan.Zero)
+                return App.Current.Resources["DealExpiringColor"];
+            else if (timeremaining.Days < 0)
+                return timeremaining.Hours < 20? App.Current.Resources["DealExpiringColor"]: App.Current.Resources["DealExpiresVerySoonColor"];
+            else if (timeremaining < new TimeSpan(days: 30, 0, 0, 0))
+                return App.Current.Resources["DealExpiresSoonColor"];
+
+        }
+        return App.Current.Resources["FontColor"];
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
+}

App/Helpers/Converters/TimeUntilConverter.cs

@@ -0,0 +1,32 @@
+
+
+using System.Globalization;
+
+namespace GamHubApp.Helpers;
+
+public class TimeUntilConverter : IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        if (value is DateTime enddate) 
+        {
+            var timeremaining = enddate - DateTime.Now;
+
+            if (timeremaining < TimeSpan.Zero)
+                return "expired";
+            else if (timeremaining.TotalHours < 0)
+                return $"{timeremaining.Minutes} minutes";
+            else if (timeremaining.TotalDays < 0)
+                return $"{timeremaining.Days} hours {timeremaining.Minutes} minutes ";
+            else if (timeremaining.TotalDays < 30)
+                return $"{timeremaining.Days} days {timeremaining.Hours} hours";
+
+        }
+        return null;
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        throw new NotImplementedException();
+    }
+}

App/Resources/Styles/Colors.xaml

@@ -20,6 +20,10 @@
             <Color x:Key="BgBannerColor" >#262626</Color>
             <Color x:Key="DiscordPurple" >#5d6af2</Color>
             <Color x:Key="DiscountColor" >#FF5733</Color>
-        </ResourceDictionary>
+            <!-- deals -->
+            <Color x:Key="DealExpiresSoonColor" >#FFEEEA</Color>
+            <Color x:Key="DealExpiresVerySoonColor" >#FFAB99</Color>
+            <Color x:Key="DealExpiringColor" >#FF6747</Color>
+    </ResourceDictionary>
 
 </ResourceDictionary>

App/Resources/Styles/Styles.xaml

@@ -18,6 +18,8 @@
     <helpers:BoolInverseConverter x:Key="BoolInverseConverter"/>
     <helpers:ZeroToFalseConverter x:Key="ZeroToFalseConverter"/>
     <helpers:ZeroToTrueConverter x:Key="ZeroToTrueConverter"/>
+    <helpers:TimeUntilConverter x:Key="TimeUntilConverter"/>
+    <helpers:TimeUntilColourConverter x:Key="TimeUntilColourConverter"/>
     <helpers:NotNullOrEmptyStringConverter x:Key="NotNullOrEmptyStringConverter"/>
     <helpers:NullOrEmptyStringConverter x:Key="NullOrEmptyStringConverter"/>
 

App/Views/DealsPage.xaml

@@ -6,8 +6,7 @@
              xmlns:models="clr-namespace:GamHubApp.Models"
              xmlns:viewmodels="clr-namespace:GamHubApp.ViewModels"
              x:DataType="viewmodels:DealsViewModel"
-             xmlns:stroked="https://vapolia.eu/Vapolia.StrokedLabel"
-             Title="DealsPage">
+             xmlns:stroked="https://vapolia.eu/Vapolia.StrokedLabel">
     <Shell.TitleView>
         <Grid ColumnDefinitions="4*,*">
             <Label Text="My Deals"
@@ -65,6 +64,28 @@
                                HorizontalOptions="Fill"
                                VerticalOptions="Fill"/>
                     </Border>
+                    <Border Grid.Row="0"
+                            StrokeShape="RoundRectangle 10"
+                            HorizontalOptions="Start"
+                            VerticalOptions="Start"
+                            HeightRequest="30"
+                            BackgroundColor="{StaticResource BackgroundColor}"
+                            StrokeThickness="1"
+                            Stroke="{Binding Expires, Converter={StaticResource TimeUntilColourConverter}}"
+                            Margin="2,5"
+                            Padding="5,2">
+                        <Label TextColor="{StaticResource FontColor}"
+                               VerticalTextAlignment="Center">
+                            <Label.FormattedText>
+                                <FormattedString>
+                                    <Span FontFamily="P-Medium" Text="Ends in "/>
+                                    <Span FontFamily="P-Bold" 
+                                          Text="{Binding Expires, Converter={StaticResource TimeUntilConverter}}"
+                                          TextColor="{Binding Expires, Converter={StaticResource TimeUntilColourConverter}}"/>
+                                </FormattedString>
+                            </Label.FormattedText>
+                        </Label>
+                    </Border>
                     <Label Grid.Row="1"
                            HorizontalOptions="Center"
                            HorizontalTextAlignment="Center"

App/Views/DealsPage.xaml.cs

@@ -18,6 +18,10 @@ protected override void OnAppearing()
         BadgeCounterService.SetCount(0);
 		(App.Current as App).ShowLoadingIndicator();
 
+        Resume();
+    }
+    public void Resume()
+    {
         _vm.UpdateDeals().GetAwaiter();
     }
 }