Free edit: add instagram icon to each card on the left side o
This commit is contained in:
@@ -7,10 +7,10 @@ import Badge from "@/components/shared/Badge";
|
||||
import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
|
||||
import { cls, shouldUseInvertedText } from "@/lib/utils";
|
||||
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { LinkedIn } from "lucide-react";
|
||||
import type { LucideIcon } from "lucide-react";
|
||||
import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
|
||||
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
|
||||
import { Instagram } from "lucide-react";
|
||||
|
||||
type BlogCard = {
|
||||
id: string;
|
||||
@@ -103,6 +103,9 @@ const BlogCardItem = memo(({
|
||||
aria-label={`${blog.title} by ${blog.authorName}`}
|
||||
>
|
||||
<div className={cls("relative z-1 w-full aspect-[4/3] overflow-hidden rounded-theme-capped", imageWrapperClassName)}>
|
||||
<div className="absolute left-2 top-2">
|
||||
<Instagram className="w-6 h-6 text-white hover:blur-sm" />
|
||||
</div>
|
||||
<Image
|
||||
src={blog.imageSrc}
|
||||
alt={blog.imageAlt || blog.title}
|
||||
@@ -138,11 +141,6 @@ const BlogCardItem = memo(({
|
||||
<div className="flex flex-col">
|
||||
<p className={cls("text-sm font-medium", shouldUseLightText ? "text-background" : "text-foreground", authorNameClassName)}>
|
||||
{blog.authorName}
|
||||
{blog.linkedinUrl && (
|
||||
<a href={blog.linkedinUrl} target="_blank" rel="noopener noreferrer" className="ml-1">
|
||||
<LinkedIn size={16} />
|
||||
</a>
|
||||
)}
|
||||
</p>
|
||||
<p className={cls("text-xs", shouldUseLightText ? "text-background/75" : "text-foreground/75", dateClassName)}>
|
||||
{blog.date}
|
||||
|
||||
Reference in New Issue
Block a user