feat(game/result): modify share image filename (#49)

zolplay-labs · Oct 19, 2023 · 5dcaa63 · 5dcaa63
1 parent ac0583f
commit 5dcaa63
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/app/_game/components/ShareDialog.tsx b/app/_game/components/ShareDialog.tsx
@@ -4,6 +4,9 @@ import { usePostHog } from 'posthog-js/react'
 import { useEffect, useRef, useState } from 'react'
 import { useOnClickOutside } from 'usehooks-ts'
 
+import { useSceneProps } from '~/stores/SceneProps.store'
+
+import { useUser } from '../hooks/useUser'
 import { BorderWithoutCorner } from './BorderWithoutCorner'
 
 function ShareDialogButton({
@@ -57,6 +60,9 @@ export function ShareDialog({
   const dialogRef = useRef<HTMLDivElement>(null)
   useOnClickOutside(dialogRef, onClose)
 
+  const { user } = useUser()
+  const { sceneProps } = useSceneProps()
+
   return (
     <motion.div
       className="fixed"
@@ -97,8 +103,7 @@ export function ShareDialog({
           <a
             ref={downloadImageRef}
             href={shareLink + '/opengraph-image'}
-            // TODO: Change image file name
-            download="isthat.ai_share_image.png"
+            download={`${user?.name} Test #${sceneProps['MENU'].testId} Result.png`}
             className="hidden"
           />
           <ShareDialogButton