added About section

MeetMichal · Dec 8, 2023 · fd1dc9c · fd1dc9c
1 parent 133795c
commit fd1dc9c
Show file tree

Hide file tree

Showing 28 changed files with 2,789 additions and 2,332 deletions.
diff --git a/DeBankUI/Components/BaseChartComponent.cs b/DeBankUI/Components/BaseChartComponent.cs
@@ -3,14 +3,15 @@
 using Microsoft.AspNetCore.Components;
 using LiveChartsCore.SkiaSharpView.Painting;
 using DeBankUI.Utils;
+using LiveChartsCore.Kernel.Sketches;
 
 namespace DeBankUI.Components
 {
     public abstract class BaseChartComponent : ComponentBase
     {
         public ISeries[] Series { get; set; } 
-        public Axis[] YAxes { get; set; } 
-        public Axis[] XAxes { get; set; }
+        public ICartesianAxis[] YAxes { get; set; } 
+        public ICartesianAxis[] XAxes { get; set; }
 
         public DrawMarginFrame DrawMarginFrame => new()
         {

diff --git a/DeBankUI/Data/MichalData.cs b/DeBankUI/Data/MichalData.cs
diff --git a/DeBankUI/Data/RegistrationsData.cs b/DeBankUI/Data/RegistrationsData.cs
diff --git a/DeBankUI/Pages/Michal/DeBankUsersPage.razor b/DeBankUI/Pages/Michal/DeBankUsersPage.razor
@@ -5,22 +5,44 @@
 
 
 <MudGrid>
+    <MudItem xs="12">    
+        <AboutMichal />
+    </MudItem>
     <MudItem xs="6">
         <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
              <MudCardHeader>
                  <CardHeaderContent>
                      <MudStack Justify="Justify.SpaceAround" Row=true>
-                         <MudText Typo="Typo.h6">Web3 ID minters and L2 registrations</MudText>
+                         <MudText Typo="Typo.h6">Web3 ID minters</MudText>
                      </MudStack>
                  </CardHeaderContent>
              </MudCardHeader>
              <MudCardContent style="height:600px">
-                 <Web3RegistrationsChart @ref="web3RegistrationsChart">
+                 <Web3IdMintersChart @ref="web3RegistrationsChart">
 
-                 </Web3RegistrationsChart>
+                 </Web3IdMintersChart>
              </MudCardContent>
              <MudCardActions>
-                 <MudButton StartIcon="@Icons.Material.Filled.FileDownload" Class="rounded-0" Variant="Variant.Outlined" OnClick="@(async () => await DownloadChartData(web3RegistrationsChart, "Web3RegistrationsChart.csv"))" Color="Color.Primary">Get data</MudButton>
+                 <MudButton StartIcon="@Icons.Material.Filled.FileDownload" Class="rounded-0" Variant="Variant.Outlined" OnClick="@(async () => await DownloadChartData(web3RegistrationsChart, "Web3IdMIntersChart.csv"))" Color="Color.Primary">Get data</MudButton>
+             </MudCardActions>
+         </MudCard>
+     </MudItem>
+     <MudItem xs="6">
+         <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
+             <MudCardHeader>
+                 <CardHeaderContent>
+                     <MudStack Justify="Justify.SpaceAround" Row=true>
+                         <MudText Typo="Typo.h6">L2 registrations</MudText>
+                     </MudStack>
+                 </CardHeaderContent>
+             </MudCardHeader>
+             <MudCardContent style="height:600px">
+                 <L2RegistrationsChart @ref="l2RegistrationsChart">
+
+                 </L2RegistrationsChart>
+             </MudCardContent>
+             <MudCardActions>
+                 <MudButton StartIcon="@Icons.Material.Filled.FileDownload" Class="rounded-0" Variant="Variant.Outlined" OnClick="@(async () => await DownloadChartData(web3RegistrationsChart, "L2RegistrationsChart.csv"))" Color="Color.Primary">Get data</MudButton>
              </MudCardActions>
          </MudCard>
      </MudItem>

diff --git a/DeBankUI/Pages/Michal/DeBankUsersPage.razor.cs b/DeBankUI/Pages/Michal/DeBankUsersPage.razor.cs
@@ -18,7 +18,8 @@ public partial class DeBankUsersPage
         [Inject]
         public IBlazorDownloadFileService BlazorDownloadFileService { get; set; }
 
-        private Web3RegistrationsChart web3RegistrationsChart;
+        private Web3IdMintersChart web3RegistrationsChart;
+        private L2RegistrationsChart l2RegistrationsChart;
         private OfficialProfileRegistrationsChart officialProfileRegistrationsChart;
 
         public async Task DownloadChartData(BaseChartComponent baseComponent, string title)

diff --git a/DeBankUI/Pages/Michal/LuckyDrawsPage.razor b/DeBankUI/Pages/Michal/LuckyDrawsPage.razor
@@ -1,8 +1,12 @@
 @using DeBankUI.Components;
+@using DeBankUI.Shared.Michal
 @using LiveChartsCore.SkiaSharpView.Blazor
 @page "/michal/lucky-draws"
 
 <MudGrid>
+    <MudItem xs="12">    
+        <AboutMichal />
+    </MudItem>
     <MudItem xs="6">
         <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
             <MudCardHeader>

diff --git a/DeBankUI/Pages/Michal/OtherDataPage.razor b/DeBankUI/Pages/Michal/OtherDataPage.razor
@@ -0,0 +1,30 @@
+@using DeBankUI.Components;
+@using DeBankUI.Shared.Michal
+@using LiveChartsCore.SkiaSharpView.Blazor
+@page "/michal/other-data"
+
+
+<MudGrid>
+    <MudItem xs="12">    
+        <AboutMichal />
+    </MudItem>
+    <MudItem xs="12">
+        <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
+             <MudCardHeader>
+                 <CardHeaderContent>
+                     <MudStack Justify="Justify.SpaceAround" Row=true>
+                         <MudText Typo="Typo.h6">DeBank combined data</MudText>
+                     </MudStack>
+                 </CardHeaderContent>
+             </MudCardHeader>
+             <MudCardContent style="height:600px">
+                 <CombinedDataChart @ref="combinedDataChart">
+
+                 </CombinedDataChart>
+             </MudCardContent>
+             <MudCardActions>
+                 <MudButton StartIcon="@Icons.Material.Filled.FileDownload" Class="rounded-0" Variant="Variant.Outlined" OnClick="@(async () => await DownloadChartData(combinedDataChart, "CombinedChart.csv"))" Color="Color.Primary">Get data</MudButton>
+             </MudCardActions>
+         </MudCard>
+     </MudItem>
+ </MudGrid>
diff --git a/DeBankUI/Pages/Michal/OtherDataPage.razor.cs b/DeBankUI/Pages/Michal/OtherDataPage.razor.cs
@@ -0,0 +1,29 @@
+using LiveChartsCore.Defaults;
+using LiveChartsCore.SkiaSharpView;
+using LiveChartsCore;
+using LiveChartsCore.Kernel.Sketches;
+using LiveChartsCore.SkiaSharpView.Painting;
+using static MudBlazor.Colors;
+using SkiaSharp;
+using DeBankUI.Utils;
+using DeBankUI.Components;
+using Blazor.DownloadFileFast.Interfaces;
+using Microsoft.AspNetCore.Components;
+using DeBankUI.Shared.Michal;
+
+namespace DeBankUI.Pages.Michal
+{
+    public partial class OtherDataPage
+    {
+        [Inject]
+        public IBlazorDownloadFileService BlazorDownloadFileService { get; set; }
+
+        private CombinedDataChart combinedDataChart;
+
+        public async Task DownloadChartData(BaseChartComponent baseComponent, string title)
+        {
+            var data = baseComponent.DownloadChartData();
+            await BlazorDownloadFileService.DownloadFileAsync(title, data);
+        }
+    }
+}
diff --git a/DeBankUI/Pages/Michal/RewardPoolsPage.razor b/DeBankUI/Pages/Michal/RewardPoolsPage.razor
@@ -1,8 +1,12 @@
 @using DeBankUI.Components;
+@using DeBankUI.Shared.Michal
 @using LiveChartsCore.SkiaSharpView.Blazor
 @page "/michal/reward-pools"
 
 <MudGrid>
+    <MudItem xs="12">    
+        <AboutMichal />
+    </MudItem>
     <MudItem xs="6">
         <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
             <MudCardHeader>

diff --git a/DeBankUI/Pages/Michal/StreamActivityPage.razor b/DeBankUI/Pages/Michal/StreamActivityPage.razor
@@ -1,8 +1,12 @@
 @using DeBankUI.Components;
+@using DeBankUI.Shared.Michal
 @using LiveChartsCore.SkiaSharpView.Blazor
 @page "/michal/stream-activity"
 
 <MudGrid>
+    <MudItem xs="12">    
+        <AboutMichal />
+    </MudItem>
     <MudItem xs="6">
         <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
             <MudCardHeader>

diff --git a/DeBankUI/Pages/Michal/TopDepositsPage.razor b/DeBankUI/Pages/Michal/TopDepositsPage.razor
@@ -1,8 +1,12 @@
 @using DeBankUI.Components;
+@using DeBankUI.Shared.Michal
 @using LiveChartsCore.SkiaSharpView.Blazor
 @page "/michal/top-deposits"
 
 <MudGrid>
+    <MudItem xs="12">    
+        <AboutMichal />
+    </MudItem>
     <MudItem xs="12">
         <MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
             <MudCardHeader>

diff --git a/DeBankUI/Shared/MainLayout.razor b/DeBankUI/Shared/MainLayout.razor
@@ -17,7 +17,8 @@
                 <MudNavLink Href="michal/reward-pools">Reward Pools</MudNavLink>
                 <MudNavLink Href="michal/lucky-draws">Lucky Draws</MudNavLink>
                 <MudNavLink Href="michal/stream-activity">Stream Activity</MudNavLink>
-                <MudNavLink Href="michal/top-deposits">TOP Deposits</MudNavLink>
+                <MudNavLink Href="michal/top-deposits">TOP deposits</MudNavLink>
+                <MudNavLink Href="michal/other-data">Other data</MudNavLink>
             </MudNavGroup>
         </MudNavMenu>
     </MudDrawer>

diff --git a/DeBankUI/Shared/Michal/AboutMichal.razor b/DeBankUI/Shared/Michal/AboutMichal.razor
@@ -0,0 +1,19 @@
+<MudCard Outlined Square Style="background: var(--mud-palette-background-grey)">
+    <MudCardHeader>
+        <CardHeaderAvatar>
+             <MudAvatar Size="Size.Large"><MudImage Src="Michal.png"></MudImage></MudAvatar>
+        </CardHeaderAvatar>
+        <CardHeaderContent>
+            <MudText Typo="Typo.h6">Michal</MudText>
+        </CardHeaderContent>
+    </MudCardHeader>
+    <MudCardContent>
+        <MudText Typo="Typo.body2">Hi, I am Michal! Good to see you there. I hope you like charts and statistics because thats the only thing you can find here. I built this for you so feel free to give me your feedback. You can always DM me or just ping under any of my posts on DeBank</MudText>
+    </MudCardContent>
+    <MudCardActions>
+        <MudStack Spacing="3" Row=true>
+             <MudButton Class="rounded-0" Variant="Variant.Outlined" Href="https://debank.com/profile/0x33c36dd8ee2fc8b8c106e700f093c7b971eb8a70/stream" Target="_blank" Color="Color.Primary">DeBank Profile</MudButton>
+             <MudButton Class="rounded-0" Variant="Variant.Outlined" Href="https://github.com/MeetMichal" Target="_blank" Color="Color.Primary">GitHub Profile</MudButton>
+        </MudStack>
+    </MudCardActions>
+</MudCard>
diff --git a/DeBankUI/Shared/Michal/CombinedDataChart.razor b/DeBankUI/Shared/Michal/CombinedDataChart.razor
@@ -0,0 +1,20 @@
+@using DeBankUI.Components;
+@using LiveChartsCore.SkiaSharpView.Blazor
+@inherits BaseChartComponent
+
+<MudStack  Spacing="3" Row>
+    <MudCheckBox @bind-Checked="@Series[0].IsVisible"  />
+    <MudCheckBox @bind-Checked="@Series[1].IsVisible" />
+    <MudCheckBox @bind-Checked="@Series[2].IsVisible" />
+
+</MudStack>
+
+<CartesianChart 
+                TooltipPosition="LiveChartsCore.Measure.TooltipPosition.Hidden"
+                YAxes="@YAxes"
+                XAxes="@XAxes"
+                EasingFunction="null"
+                DrawMarginFrame="@DrawMarginFrame"
+                Series="@Series">
+
+</CartesianChart>