1 files changed, 26 insertions, 0 deletions
diff --git a/Pages/Component/MobileMenu.razor b/Pages/Component/MobileMenu.razor
new file mode 100644
index 0000000..49c45d5
--- /dev/null
+++ b/Pages/Component/MobileMenu.razor
@@ -0,0 +1,26 @@
+@inject NavigationManager navigationManager
+@inject IJSRuntime jsRuntime
+@implements IDisposable
+
+<div id="mobile-menu" class="hidden">
+	<a href="/">Home</a>
+	<a href="/TagDefinitions">Tags</a>
+	<a href="/Gallery?ingest=true">Ingest</a>
+	<a href="/Upload">Upload</a>
+	<div id="nsfw-switch">
+		<p id="nsfw-label">NSFW</p>
+		<NsfwSwitch/>
+	</div>
+   	<a href="javascript:logout();">Logout</a>
+</div>
+
+@code {
+	protected override void OnInitialized() =>
+		navigationManager.LocationChanged += LocationChanged;
+
+	public async void LocationChanged(object? sender, LocationChangedEventArgs e) =>
+		await jsRuntime.InvokeVoidAsync("hideMobileMenu");
+
+	public void Dispose() =>
+		navigationManager.LocationChanged -= LocationChanged;
+}