···174174 return <SeePostOnBluesky postUrl={props.postUrl} />;
175175176176 // I am not sure when this case will be used? so I'm commenting it out for now
177177- // case AppBskyEmbedRecordWithMedia.isView(props.embed):
178178- // const recordWithMediaEmbed = props.embed;
179179- // return <div>This is a record with Media </div>;
177177+ case AppBskyEmbedRecordWithMedia.isView(props.embed) &&
178178+ AppBskyEmbedRecord.isViewRecord(props.embed.record.record):
179179+ return (
180180+ <div className={`flex flex-col gap-2`}>
181181+ <BlueskyEmbed embed={props.embed.media} />
182182+ <BlueskyEmbed
183183+ embed={{
184184+ $type: "app.bsky.embed.record#view",
185185+ record: props.embed.record.record,
186186+ }}
187187+ />
188188+ </div>
189189+ );
180190181191 default:
182192 return <SeePostOnBluesky postUrl={props.postUrl} />;