feat: update blocks for mud blazor

sitkoru · Jan 17, 2022 · 3456112 · 3456112
1 parent 50aa944
commit 3456112
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 17 deletions.
diff --git a/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudCutBlockComponent.razor b/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudCutBlockComponent.razor
@@ -2,7 +2,7 @@
 @if (Options.EntityUrl is not null)
 {
     <a href="@Options.EntityUrl">
-        <Button>
+        <MudButton>
             @{
                 if (string.IsNullOrEmpty(Block.ButtonText))
                 {
@@ -17,10 +17,10 @@
                     </span>
                 }
             }
-        </Button>
+        </MudButton>
     </a>
 }
 else
 {
-    <AntBlockErrorComponent Error="@LocalizationProvider["Not Entity url provided"]"></AntBlockErrorComponent>
+    <MudBlockErrorComponent Error="@LocalizationProvider["Not Entity url provided"]"></MudBlockErrorComponent>
 }
diff --git a/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudFilesBlockComponent.razor b/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudFilesBlockComponent.razor
@@ -1,16 +1,17 @@
-@inherits FilesBlockComponent<MudBlazorBlocklyListOptions>
+@using global::MudBlazor
+@inherits FilesBlockComponent<MudBlazorBlocklyListOptions>
 @if (Options.Storage is not null)
 {
     <ul>
         @foreach (var file in Block.Files)
         {
             <li>
-                <AntDesign.Icon Type="paper-clip"/> <a target="_blank" rel="noopener noreferrer" title="@file.FileName" href="@Options.Storage.PublicUri(file)">@file.FileName</a><span class="filesize">&nbsp;(@file.HumanSize)</span>
+                <MudIcon Icon="@Icons.Filled.AttachFile"/> <a target="_blank" rel="noopener noreferrer" title="@file.FileName" href="@Options.Storage.PublicUri(file)">@file.FileName</a><span class="filesize">&nbsp;(@file.HumanSize)</span>
             </li>
         }
     </ul>
 }
 else
 {
-    <AntBlockErrorComponent Error="@LocalizationProvider["Storage is not configured"]"></AntBlockErrorComponent>
+    <MudBlockErrorComponent Error="@LocalizationProvider["Storage is not configured"]"></MudBlockErrorComponent>
 }
diff --git a/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudGalleryBlockComponent.razor b/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudGalleryBlockComponent.razor
@@ -1,19 +1,17 @@
-@inherits GalleryBlockComponent<MudBlazorBlocklyListOptions>
+@using Sitko.Core.Storage
+@inherits GalleryBlockComponent<MudBlazorBlocklyListOptions>
 @if (Options.Storage is not null)
 {
     if (Block.Pictures.Any())
     {
         @if (Block.Pictures.Count > 1)
         {
             <div class="block-content">
-                <Carousel Autoplay="TimeSpan.FromSeconds(2)">
-                    @foreach (var image in Block.Pictures)
-                    {
-                        <CarouselSlick>
-                            <img src="@Options.Storage.PublicUri(image).ToString()" alt="Image: @image.FileName"/>
-                        </CarouselSlick>
-                    }
-                </Carousel>
+                <MudCarousel AutoCycle="TimeSpan.FromSeconds(2)" ItemsSource="Block.Pictures">
+                    <ItemTemplate>
+                         <img src="@Options.Storage.PublicUri(context).ToString()" alt="Image: @context.FileName"/>
+                    </ItemTemplate>
+                </MudCarousel>
             </div>
         }
         else
@@ -27,5 +25,5 @@
 }
 else
 {
-    <AntBlockErrorComponent Error="@LocalizationProvider["Storage is not configured"]"></AntBlockErrorComponent>
+    <MudBlockErrorComponent Error="@LocalizationProvider["Storage is not configured"]"></MudBlockErrorComponent>
 }
diff --git a/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudTwitterBlockComponent.razor b/src/Sitko.Blockly.MudBlazor/Display/Blocks/MudTwitterBlockComponent.razor
@@ -2,7 +2,7 @@
 <div class="block-content">
     <blockquote class="twitter-tweet" @ref="ContainerRef">
         <div class="preloader">
-            <a href="@Block.Url"><Icon Spin="true" Type="spin"></Icon> Loading tweet...</a>
+            <a href="@Block.Url"><MudProgressCircular Indeterminate="true"></MudProgressCircular > Loading tweet...</a>
         </div>
     </blockquote>
 </div>