franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): miscellaneous improvements (#416)

Browse Source 
Co-authored-by: ImgBotApp <ImgBotHelp@gmail.com>
This commit is contained in:
waru
2025-07-22 21:25:24 -05:00
committed by GitHub
parent bd54f01ac1
commit 2543c5317b
15 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/src/app/(home)/_components/testimonials.tsx
View File

@@ -2,7 +2,9 @@
import { motion } from "framer-motion";
import { Terminal } from "lucide-react";
import { Tweet } from "react-tweet";
import Image from "next/image";
import { Suspense } from "react";
import { Tweet, TweetSkeleton, type TwitterComponents } from "react-tweet";
const TWEET_IDS = [
"1930194170418999437",
@@ -71,6 +73,11 @@ const TWEET_IDS = [
"1906570888897777847",
];
export const components: TwitterComponents = {
AvatarImg: (props) => <Image {...props} unoptimized />,
MediaImg: (props) => <Image {...props} fill unoptimized />,
};
export default function Testimonials() {
const getResponsiveColumns = (numCols: number) => {
const columns: string[][] = Array(numCols)
@@ -129,7 +136,9 @@ export default function Testimonials() {
</div>
<div className="w-full min-w-0 overflow-hidden">
<div style={{ width: "100%", minWidth: 0, maxWidth: "100%" }}>
<Tweet id={tweetId} />
<Suspense fallback={<TweetSkeleton />}>
<Tweet id={tweetId} />
</Suspense>
</div>
</div>
</div>