@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>

<script suppress-error="BL9992">
	function hideMobileMenu() {
		document.getElementById('mobile-menu').classList.add('hidden');
	}
</script>

@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;
}