From df7db6b35dcb56da7f06853373fcb2562b5886a2 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Sat, 19 Apr 2025 20:07:33 +0700
Subject: [PATCH] editor2d: link to 3d editor

---
 .../features/ToolbarTopLeft/index.tsx         | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/apps/editor2d/src/components/features/ToolbarTopLeft/index.tsx b/frontend/apps/editor2d/src/components/features/ToolbarTopLeft/index.tsx
index 3b4dcc049d..3f90cb4f28 100644
--- a/frontend/apps/editor2d/src/components/features/ToolbarTopLeft/index.tsx
+++ b/frontend/apps/editor2d/src/components/features/ToolbarTopLeft/index.tsx
@@ -7,6 +7,8 @@ import {
   GenerationLoadingState,
   generationSignal,
 } from "~/signals";
+import { faChevronRight } from "@fortawesome/pro-solid-svg-icons";
+import { Button } from "~/components/ui/Button";
 
 // import { paperWrapperStyles } from "~/components/styles";
 // import { faPlus, faQuestion } from "@fortawesome/pro-solid-svg-icons";
@@ -32,6 +34,10 @@ export const ToolbarTopLeft = () => {
 
   const generationState = generationSignal.value;
 
+  const handleClick = () => {
+    window.location.href = "https://storyteller-3d.netlify.app/";
+  };
+
   console.log(appMode.value);
 
   return (
@@ -46,14 +52,25 @@ export const ToolbarTopLeft = () => {
         className="h-[28px] select-none"
       />
 
-      <TabSelector
+      <Button
+        variant="secondary"
+        icon={faChevronRight}
+        iconClassName="text-xs"
+        iconFlip={true}
+        onClick={handleClick}
+        className="bg-transparent p-0 text-sm text-white/80 hover:bg-transparent hover:text-white hover:underline hover:underline-offset-2"
+      >
+        Go to 3D Stage Editor
+      </Button>
+
+      {/* <TabSelector
         tabs={tabs}
         activeTab={activeTab.value}
         onTabChange={handleTabChange}
         disabled={
           generationState.loadingState === GenerationLoadingState.GENERATING
         }
-      />
+      /> */}
 
       {/* <ToolbarButton icon={faPlus}>
         <span className="font-semibold">New Board</span>