feat: enhance IconLogoEditorClient with shared logo state management and update AppShell to include ShareButton

Author: codeaashu

src/app/iconlogo/editor/IconLogoEditorClient.tsx

@@ -1,13 +1,28 @@
 "use client";
 
+import { useEffect, useState } from "react";
+import type { LogoState } from "@/iconlogo/domain/logo/logo.types";
+import { sanitizeLogoState } from "@/iconlogo/domain/logo/logo.validators";
 import TanStackQueryProvider from "@/iconlogo/integrations/tanstack-query/root-provider";
 import { AppShell } from "@/iconlogo/features/editor/AppShell";
 
 export default function IconLogoEditorClient() {
+  const [sharedLogo, setSharedLogo] = useState<LogoState | null>(null);
+
+  useEffect(() => {
+    const raw = new URLSearchParams(window.location.search).get("s");
+    if (!raw) return;
+    try {
+      setSharedLogo(sanitizeLogoState(JSON.parse(decodeURIComponent(raw))));
+    } catch {
+      setSharedLogo(null);
+    }
+  }, []);
+
   return (
     <TanStackQueryProvider>
       <main className="min-h-screen bg-black text-white overflow-hidden">
-        <AppShell />
+        <AppShell sharedLogo={sharedLogo} />
       </main>
     </TanStackQueryProvider>
   );

src/iconlogo/commands/share/create-share-link.ts

@@ -1,8 +1,7 @@
 import { useLogoStore } from "#/store/logo-store";
-import { createShareFn } from "#/server/share.create";
 
 export async function createShareLink(): Promise<string> {
   const logo = useLogoStore.getState().present;
-  const result = await createShareFn({ data: { logoState: logo } });
-  return `${window.location.origin}/editor?s=${result.id}`;
+  const payload = encodeURIComponent(JSON.stringify(logo));
+  return `${window.location.origin}/iconlogo/editor?s=${payload}`;
 }

src/iconlogo/features/editor/AppShell.tsx

@@ -4,6 +4,7 @@ import { Tooltip } from "@heroui/react";
 import type { LogoState } from "#/domain/logo/logo.types";
 import { loadLogoFromState } from "#/commands/logo/load-logo";
 import { CollectionsButton } from "#/features/collections/CollectionsButton";
+import { ShareButton } from "#/features/share/ShareButton";
 import { EditorPage } from "./EditorPage";
 import { FABs } from "./FABs";
 import { MobileTopBar } from "./MobileTopBar";
@@ -90,6 +91,9 @@ export function AppShell({
               </Tooltip.Content>
             </Tooltip>
           </motion.div>
+          <motion.div variants={itemVariants}>
+            <ShareButton />
+          </motion.div>
           <motion.div variants={itemVariants}>
             <CollectionsButton />
           </motion.div>