diff --git a/app/cast/[id]/page.tsx b/app/cast/[id]/page.tsx
index 7d3ce2c..91f0eb4 100644
--- a/app/cast/[id]/page.tsx
+++ b/app/cast/[id]/page.tsx
@@ -123,7 +123,7 @@ export default async function Home({ params, searchParams, children }: any) {
                     {/* <FrameImage src={data.publicUrl} /> */}
                     <FrameImage>
                         <RootFrame imageSrc={castImage} castInfo={cast} type='start' />
-                        {/* <TestFrame castId={params.id} castImage={castImage} /> */}
+                        {/* <TestFrame castId={params.id} /> */}
                         {/* <div style={{ display: 'flex' }}>Hello there test. Cast #{params.id}</div> */}
                     </FrameImage>
                     <FrameButton>Join</FrameButton>
@@ -163,7 +163,6 @@ export default async function Home({ params, searchParams, children }: any) {
             newCastInfo.prompt_input,
             newCastInfo.layer_1_cast_id
         );
-        //@ts
         let pastPrompts: string[] = cast.version_history.map(ele => ele.prompt_input as string).filter(ele => !!ele).concat(state.inputText);
         handleGenerateImage(cast.name, pastPrompts, createdArtcastId as number, farcaster_name);
         state.currentCastId = createdArtcastId as number;
diff --git a/lib/components/frames/RootFrame.tsx b/lib/components/frames/RootFrame.tsx
index dc01141..27983ce 100644
--- a/lib/components/frames/RootFrame.tsx
+++ b/lib/components/frames/RootFrame.tsx
@@ -125,7 +125,11 @@ export default function RootFrame({ castInfo, imageSrc, type }: { castInfo: Cast
                 display: 'flex',
                 gap: '20px'
             }}>
-                <img src={imageSrc} width="325px" />
+                {type != 'start' ? <img src={imageSrc} width="325px" />
+                    : <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', width: '325px', height: '325px', border: '2px solid black' }}>
+                        <span>Click 'Join' to</span>
+                        <span>see the image!</span>
+                    </div>}
                 <div style={{
                     display: 'flex',
                     flexDirection: 'column',
diff --git a/lib/components/frames/TestFrame.tsx b/lib/components/frames/TestFrame.tsx
index f9087db..d5d8b14 100644
--- a/lib/components/frames/TestFrame.tsx
+++ b/lib/components/frames/TestFrame.tsx
@@ -1,7 +1,7 @@
 import { Cast } from "@/lib/types/cast.interface";
 
 // @ts-nocheck
-export default function TestFrame({ castId, castImage }: { castId: number, castImage: string }) {
+export default function TestFrame({ castId }: { castId: number }) {
     return (
         <div
             style={{
@@ -125,7 +125,7 @@ export default function TestFrame({ castId, castImage }: { castId: number, castI
                 display: 'flex',
                 gap: '20px'
             }}>
-                <img src={castImage} width="325px" />
+                {/* <img src={castImage} width="325px" /> */}
                 <div style={{
                     display: 'flex',
                     flexDirection: 'column',