From 26b256c82ab4ae04c8d1debb819f5685c794c594 Mon Sep 17 00:00:00 2001
From: Peace <syneffort@gmail.com>
Date: Fri, 26 Jul 2024 16:46:50 +0900
Subject: [PATCH] toast 1

---
 .../Components/Layout/NavMenu.razor           |  1 +
 .../Pages/Components/CompoOverlay.razor       |  4 +--
 .../Pages/Components/CompoToast.razor         | 30 +++++++++++++++++++
 3 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 BlazorFluentUI/Components/Pages/Components/CompoToast.razor

diff --git a/BlazorFluentUI/Components/Layout/NavMenu.razor b/BlazorFluentUI/Components/Layout/NavMenu.razor
index 751d7c1..ce91d95 100644
--- a/BlazorFluentUI/Components/Layout/NavMenu.razor
+++ b/BlazorFluentUI/Components/Layout/NavMenu.razor
@@ -70,6 +70,7 @@
                 <FluentNavLink Href="compomessagebar" Icon="@(new Icons.Regular.Size20.WindowArrowUp())" IconColor="Color.Accent">MessageBar</FluentNavLink>
                 <FluentNavLink Href="compomessagebox" Icon="@(new Icons.Regular.Size20.BoxArrowUp())" IconColor="Color.Accent">MessageBox</FluentNavLink>
                 <FluentNavLink Href="compooverlay" Icon="@(new Icons.Regular.Size20.BoxArrowUp())" IconColor="Color.Accent">Overlay</FluentNavLink>
+                <FluentNavLink Href="compotoast" Icon="@(new Icons.Regular.Size20.FoodToast())" IconColor="Color.Accent">Toast</FluentNavLink>
 
             </FluentNavGroup>
         </FluentNavMenu>
diff --git a/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor b/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor
index 1cd4aa2..959c780 100644
--- a/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor
+++ b/BlazorFluentUI/Components/Pages/Components/CompoOverlay.razor
@@ -1,10 +1,8 @@
 @page "/compooverlay"
 
-@inject IDialogService DialogService;
-
 @rendermode RenderMode.InteractiveServer
 
-<h3>MessageBox</h3>
+<h3>Overlay</h3>
 <FluentDivider class="mt-1 mb-3" Role="DividerRole.Separator" />
 <div>
     <code>FluentOverlay</code>s are used to templorarily overlay screen content to focus a dialog, progress or other infomtion/interaction.
diff --git a/BlazorFluentUI/Components/Pages/Components/CompoToast.razor b/BlazorFluentUI/Components/Pages/Components/CompoToast.razor
new file mode 100644
index 0000000..8fb307b
--- /dev/null
+++ b/BlazorFluentUI/Components/Pages/Components/CompoToast.razor
@@ -0,0 +1,30 @@
+@page "/compotoast"
+
+@inject IToastService ToastService
+
+@rendermode RenderMode.InteractiveServer
+
+<h3>Toast</h3>
+<FluentDivider class="mt-1 mb-3" Role="DividerRole.Separator" />
+<div>
+    <code>FluentToast</code>s, referred to as "notifications" in the UI, are pop-up notifications that keep users informed by briefly.
+</div>
+
+
+<h4 class="mt-4">Default</h4>
+<FluentCard Class="mt-3" Width="auto" Height="auto">
+    <p>
+        Click ont this button to open a Toast.
+    </p>
+    <FluentButton Appearance="Appearance.Accent" OnClick="@ShowDToast">Open</FluentButton>
+</FluentCard>
+
+@code {
+    int dcounter = 1;
+    void ShowDToast()
+    {
+        var intent = Enum.GetValues<ToastIntent>()[Random.Shared.Next(10)];
+        var message = $"Simple Toast #{dcounter++}";
+        ToastService.ShowToast(intent, message);
+    }
+}