diff --git a/src/components/ItemDetail/ItemDetail.module.css b/src/components/ItemDetail/ItemDetail.module.css index 4fdb602..a7f2433 100644 --- a/src/components/ItemDetail/ItemDetail.module.css +++ b/src/components/ItemDetail/ItemDetail.module.css @@ -20,6 +20,13 @@ margin: -15px 0 0 -60px; } +.icon { + fill: currentColor; + width: 24px; + height: 24px; + margin: 8px auto; +} + .ring { float: left; margin: -45px 0 0 0; @@ -69,3 +76,11 @@ margin-top: -20px; } } + +.revision.hint { + .content { + font-size: 14px; + background: var(--border); + color: var(--foreground); + } +} diff --git a/src/components/ItemDetail/ItemDetail.tsx b/src/components/ItemDetail/ItemDetail.tsx index aa439e6..e182acb 100644 --- a/src/components/ItemDetail/ItemDetail.tsx +++ b/src/components/ItemDetail/ItemDetail.tsx @@ -1,9 +1,17 @@ import styles from "./ItemDetail.module.css"; import { RingBadge } from "@/components/Badge/Badge"; +import Attention from "@/components/Icons/Attention"; +import { getReleases } from "@/lib/data"; import { Item } from "@/lib/types"; import { cn } from "@/lib/utils"; +const latestReleases = getReleases().slice(-3); + +function isNotMaintained(release: string) { + return !latestReleases.includes(release); +} + interface ItemProps { item: Item; } @@ -13,6 +21,21 @@ export function ItemDetail({ item }: ItemProps) { <>