Add X to showcase

site/src/components/Tweet/twitter-theme/quoted-tweet/QuotedTweet.astro

@@ -1,18 +1,18 @@
 ---
 import type { EnrichedQuotedTweet } from '../../utils'
-import QuotedTweetContainer from './QuotedTweetContainer.astro'
-import QuotedTweetHeader from './QuotedTweetHeader.astro'
-import QuotedTweetBody from './QuotedTweetBody.astro'
+// import QuotedTweetContainer from './QuotedTweetContainer.astro'
+// import QuotedTweetHeader from './QuotedTweetHeader.astro'
+// import QuotedTweetBody from './QuotedTweetBody.astro'
 // import TweetMedia from '../TweetMedia.astro'
 
 interface Props {
 	tweet: EnrichedQuotedTweet
 }
-const { tweet } = Astro.props
+// const { tweet } = Astro.props
 ---
 
-<QuotedTweetContainer tweet={tweet}>
+<!--<QuotedTweetContainer tweet={tweet}>
 	<QuotedTweetHeader tweet={tweet} />
 	<QuotedTweetBody tweet={tweet} />
-	<!-- {tweet.mediaDetails?.length ? <TweetMedia quoted tweet={tweet} /> : null} -->
-</QuotedTweetContainer>
+	{tweet.mediaDetails?.length ? <TweetMedia quoted tweet={tweet} /> : null}
+</QuotedTweetContainer> -->

site/src/components/Tweet/twitter-theme/quoted-tweet/QuotedTweetBody.astro

@@ -8,5 +8,5 @@ interface Props {
 ---
 
 <p class={styles.root}>
-	{Astro.props.tweet.entities.map((item) => <span>{item.text}</span>)}
+	{Astro.props.tweet.entities.map((item) => <span set:html={item.text} />)}
 </p>

site/src/components/Tweet/twitter-theme/quoted-tweet/quoted-tweet-header.module.css

@@ -12,6 +12,15 @@
 	position: relative;
 	height: 20px;
 	width: 20px;
+	flex-shrink: 0;
+}
+
+.avatar img {
+	border-radius: 100%;
+	height: 100%;
+	object-fit: cover;
+	object-position: center;
+	width: 100%;
 }
 
 .avatarSquare {

site/src/pages/showcase.astro

@@ -17,7 +17,8 @@ import Link from '@/components/Link.astro'
 	</header>
 	<!-- <div class="lg:max-w-9xl container max-w-2xl gap-8 *:mb-8 lg:columns-2 2xl:columns-3"> -->
 	<div class="~space-y-6/8 container max-w-2xl">
-		<Tweet id="1860956737974804866" autoplay />
+		<Tweet id="1861891285000577303" autoplay />
+		<Tweet id="1860956737974804866" />
 		<Tweet id="1837159796564447380" />
 		<Tweet id="1856379776849907797" />
 		<Tweet id="1828760806047051899" />