terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

terry-wallet-login #15

Merged
terry merged 95 commits from terry-wallet-login into terry-staging 2026-06-05 16:32:43 +00:00
Conversation 0 Commits 95 Files Changed 76 +16 -5
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4900256423 - Show all commits

21
src/components/LatestUpdateRow.tsx
View File

@@ -5,9 +5,10 @@ import { useI18n } from "../i18n";
import { useLocalizedPath } from "../useLocalizedPath"; import { useLocalizedPath } from "../useLocalizedPath";
import { resourceTypeLabel } from "../resourceTypeLabels"; import { resourceTypeLabel } from "../resourceTypeLabels";
import { formatDateYmd } from "../utils/format"; import { formatDateYmd } from "../utils/format";
import { FavoriteButton } from "../favorites/FavoriteButton";
const LATEST_CARD_CLASS = const LATEST_CARD_CLASS =
"flex min-h-[106px] items-start gap-4 overflow-hidden rounded-xl border border-ark-line bg-ark-panel p-4 outline-none transition hover:border-ark-gold/45 focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg md:min-h-[138px] md:p-5"; "relative flex min-h-[106px] items-start gap-4 overflow-hidden rounded-xl border border-ark-line bg-ark-panel p-4 outline-none transition hover:border-ark-gold/45 focus-visible:ring-2 focus-visible:ring-ark-gold/80 focus-visible:ring-offset-2 focus-visible:ring-offset-ark-bg md:min-h-[138px] md:p-5";
export function LatestUpdateRow({ export function LatestUpdateRow({
r, r,
@@ -21,15 +22,20 @@ export function LatestUpdateRow({
const dateStr = formatDateYmd(r.updatedAt); const dateStr = formatDateYmd(r.updatedAt);
return ( return (
<Link to={lp(`/resource/${r.id}`)} className={LATEST_CARD_CLASS}> <article className={LATEST_CARD_CLASS}>
<div className="flex shrink-0 items-center justify-center pt-0.5"> <Link
to={lp(`/resource/${r.id}`)}
aria-label={r.title}
className="absolute inset-0 z-0 rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ark-gold/80"
/>
<div className="relative z-10 flex shrink-0 items-center justify-center pt-0.5">
<CategoryIcon <CategoryIcon
iconKey={iconKey} iconKey={iconKey}
categorySlug={r.categorySlug} categorySlug={r.categorySlug}
className="h-10 w-10 text-ark-gold" className="h-10 w-10 text-ark-gold"
/> />
</div> </div>
<div className="flex min-w-0 flex-1 self-stretch py-0.5 flex-col"> <div className="pointer-events-none relative z-10 flex min-w-0 flex-1 self-stretch py-0.5 flex-col pr-11">
<div className="text-base font-bold leading-snug text-white line-clamp-2 md:text-lg"> <div className="text-base font-bold leading-snug text-white line-clamp-2 md:text-lg">
{r.title} {r.title}
</div> </div>
@@ -43,7 +49,12 @@ export function LatestUpdateRow({
</span> </span>
</div> </div>
</div> </div>
</Link> <FavoriteButton
resourceId={r.id}
size="sm"
className="absolute right-3 top-3 z-20"
/>
</article>
); );
} }