From 98cd4c465c799230e64ac6b6bcde629c65e3e0b1 Mon Sep 17 00:00:00 2001
From: Ahmed Al-Taiar <ahmed@altaiar.dev>
Date: Wed, 21 May 2025 12:25:37 -0400
Subject: [PATCH] Fallback link

---
 src/components/scene/Scene.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/scene/Scene.tsx b/src/components/scene/Scene.tsx
index 3e59313..e69fc68 100644
--- a/src/components/scene/Scene.tsx
+++ b/src/components/scene/Scene.tsx
@@ -32,7 +32,7 @@ import round from "lodash/round";
 import Stack from "@/util/stack";
 import isMobile from "@/util/isMobile";
 import { Canvas } from "@react-three/fiber";
-import { mdiArrowLeftBold } from "@mdi/js";
+import { mdiArrowLeftBold, mdiOpenInNew } from "@mdi/js";
 import { Icon } from "@mdi/react";
 import { PDF } from "../util/PDF";
 import { CellphoneUI } from "../ui/CellphoneUI";
@@ -177,9 +177,21 @@ export function Scene(props: JSX.IntrinsicElements["group"]) {
               <div className="min-w-12 text-white bottom-0 right-0 absolute m-3 p-1 text-xs text-right text-stroke-2 text-stroke-black paint-sfm">
                 <Info />
                 {fps > 0 && (
-                  <>
+                  <p>
                     {fps.toFixed(0)} fps | {dpr}x
-                  </>
+                  </p>
+                )}
+                {config.fallbackUrl && (
+                  <div className="flex gap-1 justify-end items-center">
+                    <Icon path={mdiOpenInNew} className="h-3" />
+                    <a
+                      href={config.fallbackUrl}
+                      target="_blank"
+                      className="hover:underline pointer-events-auto"
+                    >
+                      fallback
+                    </a>
+                  </div>
                 )}
               </div>
             </div>