Open in new tab if cookies are disabled (#580)

* Open in new tab if cookies are disabled

* lint

src/lib/components/DisclaimerModal.svelte

@@ -4,6 +4,7 @@
 	import { PUBLIC_APP_DESCRIPTION, PUBLIC_APP_NAME } from "$env/static/public";
 	import LogoHuggingFaceBorderless from "$lib/components/icons/LogoHuggingFaceBorderless.svelte";
 	import Modal from "$lib/components/Modal.svelte";
+	import { cookiesAreEnabled } from "$lib/utils/cookiesAreEnabled";
 	import type { LayoutData } from "../../routes/$types";
 	import Logo from "./icons/Logo.svelte";
 
@@ -46,6 +47,12 @@
 						class:bg-white={$page.data.loginEnabled}
 						class:text-gray-800={$page.data.loginEnabled}
 						class:hover:bg-slate-100={$page.data.loginEnabled}
+						on:click={(e) => {
+							if (!cookiesAreEnabled()) {
+								e.preventDefault();
+								window.open(window.location.href, "_blank");
+							}
+						}}
 					>
 						{#if $page.data.loginEnabled}
 							Try as guest

src/lib/utils/cookiesAreEnabled.ts

@@ -0,0 +1,13 @@
+import { browser } from "$app/environment";
+
+export function cookiesAreEnabled(): boolean {
+	if (!browser) return false;
+	if (navigator.cookieEnabled) return navigator.cookieEnabled;
+
+	// Create cookie
+	document.cookie = "cookietest=1";
+	const ret = document.cookie.indexOf("cookietest=") != -1;
+	// Delete cookie
+	document.cookie = "cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT";
+	return ret;
+}