From e793abab8b1445f6337503c0d5a29539cc93985e Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Wed, 1 May 2024 02:46:02 +0200
Subject: [PATCH] [frontend] Fix compose menu not opening

---
 .../Components/Compose.razor.css              |  2 ++
 .../Components/Compose.razor.js               |  2 ++
 Iceshrimp.Frontend/Layout/Sidebar.razor       | 24 +++++++++----------
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/Iceshrimp.Frontend/Components/Compose.razor.css b/Iceshrimp.Frontend/Components/Compose.razor.css
index 95ec1b11..04390b77 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor.css
+++ b/Iceshrimp.Frontend/Components/Compose.razor.css
@@ -1,6 +1,8 @@
 .compose {
     background-color: var(--background-color);
     border-radius: 1rem;
+    margin: 0 auto;
+    top: 10%
 }
 .textarea {
     display: block;
diff --git a/Iceshrimp.Frontend/Components/Compose.razor.js b/Iceshrimp.Frontend/Components/Compose.razor.js
index 32edca60..0022d5e1 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor.js
+++ b/Iceshrimp.Frontend/Components/Compose.razor.js
@@ -1,6 +1,8 @@
 export function openDialog(element){
+    console.log("opening JS")
     element.showModal()
 }
 export function closeDialog(element){
+    console.log("closing JS")
     element.close()
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Layout/Sidebar.razor b/Iceshrimp.Frontend/Layout/Sidebar.razor
index 772ee1bb..f0c3b12a 100644
--- a/Iceshrimp.Frontend/Layout/Sidebar.razor
+++ b/Iceshrimp.Frontend/Layout/Sidebar.razor
@@ -17,13 +17,9 @@
                 <span class="text">Notifications</span>
             </NavLink>
         </div>
-        <button @onclick="Open" class="sidebar-btn">
-            <Icon Name="Icons.Pencil"/>
-            <span class="text">Open!</span>
-            <Compose @ref="_compose"/>
-            @* <button @onclick="Open">Open!</button> *@
-        </button>
     </div>
+    <hr/>
+    <button class="sidebar-btn" @onclick="Open">Open</button>
 </div>
 
 <div class="bottom-bar">
@@ -43,19 +39,23 @@
                 <span class="text">Notifications</span>
             </NavLink>
         </div>
-        <button @onclick="Open" class="sidebar-btn">
-            <Icon Name="Icons.Pencil"/>
-            <span class="text">Open!</span>
-            <Compose @ref="_compose"/>
-            @* <button @onclick="Open">Open!</button> *@
-        </button>
+        <div>
+            <button @onclick="Open" class="sidebar-btn">
+                <Icon Name="Icons.Pencil"/>
+                <span class="text">Open!</span>
+            </button>
+        </div>
     </div>
+    
 </div>
+
+<Compose @ref="_compose"/>
 @code {
     private Compose _compose;
 
     private void Open()
     {
+        Console.WriteLine("open pressed");
         _compose.OpenDialog();
     }