Poyraz Avsever
0609170073
- Added support for conditional rendering of the NekoFollower component in AppShell based on ENABLE_NEKO_FOLLOWER. - Introduced MarkdownImage component in BlogDetailContent for handling images in markdown, supporting both local and external assets. - Improved BlogToc component to use IntersectionObserver for better performance in tracking active headings. - Refactored ContentContent to utilize YoutubeLiteEmbed for embedding YouTube videos, simplifying the video rendering logic. - Created a new YoutubeLiteEmbed component for lazy loading YouTube videos with thumbnail previews. - Updated site-settings to include ENABLE_NEKO_FOLLOWER constant for feature toggling. - Enhanced next.config.ts with image optimization settings for better performance. - Refactored snippets-content to improve code readability and structure. - Cleaned up home-hero and home-videos-section components for better layout and performance.
21 lines
611 B
TypeScript
21 lines
611 B
TypeScript
import { Card } from "poyraz-ui/atoms";
|
|
import { YOUTUBE_VIDEO_LINKS } from "@/data/youtube-videos";
|
|
import { YoutubeLiteEmbed } from "@/components/youtube-lite-embed";
|
|
|
|
export function HomeVideosSection() {
|
|
return (
|
|
<section className="space-y-2">
|
|
<div className="grid gap-2 md:grid-cols-3">
|
|
{YOUTUBE_VIDEO_LINKS.map((link) => (
|
|
<Card
|
|
key={link}
|
|
className="overflow-hidden rounded-sm border-border p-0"
|
|
>
|
|
<YoutubeLiteEmbed link={link} title="YouTube video oynatici" />
|
|
</Card>
|
|
))}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|