From c5ef3741356b0a493fd6ea99d7f58bfc037598e1 Mon Sep 17 00:00:00 2001
From: BOT Alex <44818698+MagicBOTAlex@users.noreply.github.com>
Date: Mon, 15 May 2023 22:11:01 +0200
Subject: [PATCH] Added fullscreening image

---
 Otakians/Pages/Index.razor       | 34 +++++++++++++++-----------------
 Otakians/Pages/Index.razor.css   |  4 +++-
 Otakians/Shared/MainLayout.razor |  2 +-
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/Otakians/Pages/Index.razor b/Otakians/Pages/Index.razor
index 7f079c8..e530763 100644
--- a/Otakians/Pages/Index.razor
+++ b/Otakians/Pages/Index.razor
@@ -16,18 +16,23 @@
     }
 </style>
 
-<MudOverlay @bind-Visible="isOverlayVisible" DarkBackground="true" AutoClose="true">
-    <MudPaper>
-        <MudText Class="pa-10">
-            Damn
-        </MudText>
+<MudOverlay @bind-Visible="isOverlayVisible" Style="backdrop-filter:blur(5px)" DarkBackground="true" AutoClose="true">
+    <MudPaper Elevation="3" Class="rounded-xl">
+        <MudImage Class="rounded-xl" Elevation="4" Src="@GetImage(selectedImage)" Width="750" Height="750"/>
+        <MudContainer Class="pa-5 d-flex align-center justify-content-start">
+            <MudText>
+                Damn
+            </MudText>
+            <MudSpacer/>
+            <MudIconButton Class="pa-4" Icon="@Icons.Material.Filled.Star" Variant="Variant.Filled" Color="Color.Primary"> text </MudIconButton>
+        </MudContainer>
     </MudPaper>
 </MudOverlay>
 <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="OpenOverlay">Show Overlay</MudButton>
 
 <MudContainer Class="mt-16 px-8 overflow-hidden" MaxWidth="MaxWidth.False">
     <MudGrid Spacing="6" Justify="Justify.Center">
-        @for (int i = 0; i < 25; i++)
+        @for (int i = 0; i < 200; i++)
         {
             int postId = (LoadedImages.Count > i) ? LoadedImages[i] : GetRandomImageNumber();
 
@@ -47,18 +52,8 @@
 
 
 @code {
-    public string Text { get; set; } = "????";
-    public string ButtonText { get; set; } = "Click Me";
-    public int ButtonClicked { get; set; }
     public bool isOverlayVisible = false;
 
-    void ButtonOnClick()
-    {
-        ButtonClicked += 1;
-        Text = $"Awesome x {ButtonClicked}";
-        ButtonText = "Click Me Again";
-    }
-
     public void OpenOverlay()
     {
         isOverlayVisible = true;
@@ -88,7 +83,7 @@
 
     protected override void OnAfterRender(bool firstRender)
     {
-        
+
     }
 
     // TODO: Add a "save post" button to each post.
@@ -100,8 +95,11 @@
         RandomUsernames = (await Http.GetStringAsync("RandomUsernames.txt")).Split("\n");
     }
 
+    int selectedImage = 0;
+
     void ClickPost(int postImage)
     {
-        Console.WriteLine(postImage);
+        selectedImage = postImage;
+        isOverlayVisible = true;
     }
 }
\ No newline at end of file
diff --git a/Otakians/Pages/Index.razor.css b/Otakians/Pages/Index.razor.css
index 5f28270..5a43898 100644
--- a/Otakians/Pages/Index.razor.css
+++ b/Otakians/Pages/Index.razor.css
@@ -1 +1,3 @@
-
\ No newline at end of file
+.clickable{
+    cursor:pointer
+}
\ No newline at end of file
diff --git a/Otakians/Shared/MainLayout.razor b/Otakians/Shared/MainLayout.razor
index 0957e67..f50252f 100644
--- a/Otakians/Shared/MainLayout.razor
+++ b/Otakians/Shared/MainLayout.razor
@@ -6,7 +6,7 @@
     <MudAppBar Elevation="1">
         <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="AddUser">Primary</MudButton>
         <MudSpacer />
-        <MudAvatar Style="cursor:pointer" @onclick="ToggleDrawer" Variant="Variant.Outlined" Color="Color.Success" Class="mr-n2">BT</MudAvatar>
+        <MudAvatar @onclick="ToggleDrawer" Variant="Variant.Outlined" Color="Color.Success" Class="mr-n2">BT</MudAvatar>
     </MudAppBar>
 
     <MudDrawer @bind-Open="@openContentDrawer" ClipMode="DrawerClipMode.Always" Breakpoint="Breakpoint.Lg" PreserveOpenState="false" Elevation="1" Variant="@DrawerVariant.Mini" OpenMiniOnHover="true">