fix(huggingchat): remove app banners (#1426)

chart/env/prod.yaml

@@ -280,7 +280,6 @@ envVars:
   PUBLIC_APP_DATA_SHARING: 0
   PUBLIC_APP_DISCLAIMER: 1
   PUBLIC_PLAUSIBLE_SCRIPT_URL: "/js/script.js"
-  PUBLIC_APPLE_APP_ID: "6476778843"
   REQUIRE_FEATURED_ASSISTANTS: "true"
   TASK_MODEL: "llhf/Meta-Llama-3.1-8B-Instruct"
   TEXT_EMBEDDING_MODELS: >

src/routes/+layout.svelte

@@ -5,7 +5,6 @@
 	import { goto, invalidate } from "$app/navigation";
 	import { base } from "$app/paths";
 	import { page } from "$app/stores";
-	import { browser } from "$app/environment";
 
 	import { env as envPublic } from "$env/dynamic/public";
 
@@ -21,9 +20,6 @@
 	import titleUpdate from "$lib/stores/titleUpdate";
 	import DisclaimerModal from "$lib/components/DisclaimerModal.svelte";
 	import ExpandNavigation from "$lib/components/ExpandNavigation.svelte";
-	import Logo from "$lib/components/icons/Logo.svelte";
-	import { isHuggingChat } from "$lib/utils/isHuggingChat";
-	import CarbonClose from "~icons/carbon/close";
 	import { PUBLIC_APP_DISCLAIMER } from "$env/static/public";
 
 	export let data;
@@ -152,12 +148,6 @@
 	$: mobileNavTitle = ["/models", "/assistants", "/privacy"].includes($page.route.id ?? "")
 		? ""
 		: data.conversations.find((conv) => conv.id === $page.params.id)?.title;
-
-	let showAndroidModal =
-		browser && // only show on browser
-		isHuggingChat && // only show on huggingchat
-		navigator.userAgent.toLowerCase().includes("android") && // if it's android
-		!navigator.userAgent.includes("co.huggingface.chat_ui_android"); // but not the android app
 </script>
 
 <svelte:head>
@@ -259,35 +249,3 @@
 	{/if}
 	<slot />
 </div>
-
-{#if showAndroidModal}
-	<a
-		href="https://play.google.com/store/apps/details?id=co.huggingface.chat_ui_android"
-		class="fixed left-0 right-0 top-0 mx-auto flex h-fit min-h-12 w-screen flex-nowrap items-center justify-evenly gap-4 bg-gray-200 px-4 py-4 text-gray-900 shadow-lg backdrop-blur-md
-		hover:bg-gray-100
-		dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 sm:top-5
-		sm:max-w-fit sm:gap-4 sm:rounded-lg"
-	>
-		<button
-			class="border-r-2 border-black/20 pr-4 text-2xl"
-			on:click|stopPropagation|preventDefault={() => {
-				showAndroidModal = false;
-			}}
-		>
-			<CarbonClose />
-		</button>
-
-		<Logo classNames="mx-2.5 scale-150" />
-
-		<div class="flex flex-col sm:mr-4">
-			<span class="text-lg font-semibold">HuggingChat</span>
-			<span class="text-sm">View on Google Play</span>
-		</div>
-
-		<span
-			class="ml-auto mr-2 text-center text-lg font-medium text-gray-700 underline underline-offset-4 dark:text-gray-300"
-		>
-			Open
-		</span>
-	</a>
-{/if}

static/huggingchat/manifest.json

@@ -50,12 +50,5 @@
 			"sizes": "512x512",
 			"type": "image/png"
 		}
-	],
-	"prefer_related_applications": true,
-	"related_applications": [
-		{
-			"platform": "play",
-			"id": "co.huggingface.chat_ui_android"
-		}
 	]
 }