pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-03-04 01:36:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 add link to read more

Browse Source
This commit is contained in:
Fred KISSIE
2025-11-08 00:19:30 +01:00
parent 0745734273
commit 94e1c534ca
1 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/ProductUpdates.tsx
View File

@@ -9,6 +9,7 @@ import {
ArrowRight, ArrowRight,
BellIcon, BellIcon,
ChevronRightIcon, ChevronRightIcon,
ExternalLinkIcon,
RocketIcon, RocketIcon,
XIcon XIcon
} from "lucide-react"; } from "lucide-react";
@@ -181,9 +182,14 @@ function ProductUpdatesListPopup({
<BellIcon className="flex-none size-4" /> <BellIcon className="flex-none size-4" />
</div> </div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="font-medium text-start"> <div className="flex justify-between items-center">
{t("productUpdateWhatsNew")} <p className="font-medium text-start">
</p> {t("productUpdateWhatsNew")}
</p>
<div className="p-1 cursor-pointer">
<ChevronRightIcon className="size-4 flex-none" />
</div>
</div>
<small <small
className={cn( className={cn(
"text-start text-muted-foreground", "text-start text-muted-foreground",
@@ -194,9 +200,6 @@ function ProductUpdatesListPopup({
{updates[0]?.contents} {updates[0]?.contents}
</small> </small>
</div> </div>
<div className="p-1 cursor-pointer">
<ChevronRightIcon className="size-4 flex-none" />
</div>
</div> </div>
</PopoverTrigger> </PopoverTrigger>
</Transition> </Transition>
@@ -267,9 +270,21 @@ function ProductUpdatesListPopup({
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
</div> </div>
<small className="text-muted-foreground"> <div className="flex flex-col gap-0.5">
{update.contents} <small className="text-muted-foreground">
</small> {update.contents}{" "}
{update.link && (
<a
href={update.link}
target="_blank"
className="underline text-foreground inline-flex flex-wrap items-center gap-1 text-xs"
>
Read more{" "}
<ExternalLinkIcon className="size-3 flex-none" />
</a>
)}
</small>
</div>
<time <time
dateTime={update.publishedAt.toLocaleString()} dateTime={update.publishedAt.toLocaleString()}
className="text-xs text-muted-foreground" className="text-xs text-muted-foreground"