Add country flag to Home.razor and enhance CountryService

Author: Clifftech123

sample/CountryData.Sample.Blazor/Components/Pages/Home.razor

@@ -18,6 +18,7 @@ else
         <thead>
             <tr>
                 <th>Name</th>
+                <th>Flag</th>
                 <th>Country Short Code</th>
                 <th>Phone Code</th>
             </tr>
@@ -27,6 +28,7 @@ else
             {
                 <tr>
                     <td>@country.CountryName</td>
+                    <td>@GrtCountryFlag(country.CountryShortCode)</td>
                     <td>@country.CountryShortCode</td>
                     <td>@country.PhoneCode</td>
                 </tr>
@@ -48,4 +50,14 @@ else
     {
         countries = await CountryService.GetCountries();
     }
+
+
+
+    // getting counry flag 
+
+   public string GrtCountryFlag(string countryShortCode)
+    {
+        return CountryService.GetCountryFlag(countryShortCode);
+    }
+
 }

sample/CountryData.Sample.Blazor/Components/Services/CountryService.cs

@@ -25,16 +25,17 @@ public CountryService(CountryHelper helper)
         /// <param name="countryCode">The country code.</param>
         /// <returns>The country flag as a string.</returns>
 
-        public Task<string> GetCountryFlag(string countryCode)
+        public string GetCountryFlag(string countryCode)
         {
             var countryFlag = _helper.GetCountryEmojiFlag(countryCode);
 
             if (string.IsNullOrEmpty(countryFlag))
             {
-                return Task.FromResult("Country Flag not found");
+
+                return "No flag found";
             }
 
-            return Task.FromResult(countryFlag);
+            return countryFlag;
         }