Added Apps list

michielpost · May 22, 2024 · 8acc4b7 · 8acc4b7
1 parent c1c44b6
commit 8acc4b7
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 2 deletions.
diff --git a/src/aoWebWallet/Pages/Apps.razor b/src/aoWebWallet/Pages/Apps.razor
@@ -0,0 +1,44 @@
+@page "/apps"
+@inject GatewayUrlHelper UrlHelper;
+@using aoWebWallet.Models
+@using aoWebWallet.Shared
+
+<PageTitle>Friends of aoWebWallet - @Program.PageTitlePostFix</PageTitle>
+
+<MudContainer Class="mt-16 px-8" MaxWidth="MaxWidth.ExtraExtraLarge">
+    <MudText Typo="Typo.h5">Apps</MudText>
+    <br />
+    <MudText>A list of friends of aoWebWallet. Use your tokens and explore the ao ecosystem.</MudText>
+    <br />
+    <br />
+
+    <MudGrid>
+        <AppListItem Name="ArSwap"
+                     Link="https://arswap.org"
+                     Logo="https://pbs.twimg.com/profile_images/1778816003259985920/HpnZQDK6_400x400.jpg"
+                     Description="Swap tokens" />
+
+        <AppListItem Name="Bark"
+                     Link="https://bark.arweave.dev"
+                     Logo="https://bark.arweave.dev/icon.png"
+                     Description="Swap tokens" />
+
+        <AppListItem Name="AOX"
+                     Link="https://www.aox.xyz"
+                     Logo="https://pbs.twimg.com/profile_images/1777271483477475328/WiYfodZs_400x400.jpg"
+                     Description="AR to AO Bridge" />
+
+        <AppListItem Name="AstroUSD"
+                     Link="https://www.astrousd.com"
+                     Logo="https://pbs.twimg.com/profile_images/1762157501934370816/Be2PlMsV_400x400.jpg"
+                     Description="USD stable coin" />
+
+        <AppListItem Name="TrunkToken"
+                     Link="https://trunkao.xyz"
+                     Logo="https://pbs.twimg.com/profile_images/1771940735195152384/hNUuY1Fk_400x400.jpg"
+                     Description="Meme Token" />
+
+    </MudGrid>
+</MudContainer>
+
+
diff --git a/src/aoWebWallet/Pages/Start.razor b/src/aoWebWallet/Pages/Start.razor
@@ -1,5 +1,4 @@
 @page "/start"
-@inherits MvvmComponentBase<MainViewModel>
 @using aoWebWallet.Models
 @using aoWebWallet.Shared
 

diff --git a/src/aoWebWallet/Shared/Components/AppListItem.razor b/src/aoWebWallet/Shared/Components/AppListItem.razor
@@ -0,0 +1,32 @@
+<MudItem xs="12" md="6" lg="2">
+    <MudPaper Elevation="2" Class="pa-8">
+        <MudStack>
+            <MudStack AlignItems="AlignItems.Center">
+                <MudAvatar Size="Size.Large">
+                    <MudImage Src="@Logo" Alt="@Name" Elevation="25" />
+                </MudAvatar>
+            </MudStack>
+            <MudText>@Name - @Description</MudText>
+            <MudLink Href="@Link" Target="_blank">@Link</MudLink>
+        </MudStack>
+    </MudPaper>
+</MudItem>
+
+@code {
+
+    [Parameter]
+    [EditorRequired]
+    public required string Name { get; set; }
+
+    [Parameter]
+    [EditorRequired]
+    public required string Link { get; set; }
+
+    [Parameter]
+    [EditorRequired]
+    public required string Logo { get; set; }
+
+    [Parameter]
+    [EditorRequired]
+    public required string Description { get; set; }
+}
diff --git a/src/aoWebWallet/Shared/NavMenu.razor b/src/aoWebWallet/Shared/NavMenu.razor
@@ -26,7 +26,8 @@
 
     <MudNavLink Href="/address-book" Match="NavLinkMatch.All" Class="aoww-main-nav-text mt-2" Icon="@Icons.Material.Filled.Contacts">Address Book</MudNavLink>
 
-    <MudNavLink Href="token-explorer" Match="NavLinkMatch.Prefix" Class="aoww-main-nav-text" Icon="@Icons.Material.Filled.Explore">Token Explorer</MudNavLink>
+    <MudNavLink Href="/token-explorer" Match="NavLinkMatch.Prefix" Class="aoww-main-nav-text" Icon="@Icons.Material.Filled.Explore">Token Explorer</MudNavLink>
+    <MudNavLink Href="/apps" Match="NavLinkMatch.Prefix" Class="aoww-main-nav-text" Icon="@Icons.Material.Filled.Apps">Apps</MudNavLink>
 
     <div style="margin-top: auto; display:flex; flex-direction: row; margin-bottom:20px">
         <div style="border-right: 1px solid gray;">