Virtualize

microsoft · Jan 16, 2024 · 0e635fd · 0e635fd
1 parent 1000103
commit 0e635fd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/browse/src/client/Fluent.Emoji/Pages/Home.razor b/browse/src/client/Fluent.Emoji/Pages/Home.razor
@@ -19,10 +19,12 @@ else
                 v@(version)
             </MudSelectItem>
         }
-        </MudSelect>
+    </MudSelect>
 
-    @foreach (var (group, emojiMap) in GroupedEmoji)
-    {
+    <Virtualize Items="@GroupedEmoji" Context="kvp">
+        @{
+            var (group, emojiMap) = kvp;
+        }
         <MudText Typo="Typo.h5" Class="pb-4">@group (@(emojiMap.Count))</MudText>
         <MudDivider DividerType="DividerType.FullWidth" Vertical="false" Class="pb-4" />
         <MudGrid Spacing="2" Justify="Justify.Center" Class="pb-4">
@@ -51,6 +53,6 @@ else
                     </MudPaper>
                 </MudItem>
             }
-            </MudGrid>
-    }
+        </MudGrid>
+    </Virtualize>
 }
diff --git a/browse/src/client/Fluent.Emoji/wwwroot/emoji/all.g.json b/browse/src/client/Fluent.Emoji/wwwroot/emoji/all.g.json