diff --git a/frontend/src/app/scripts/_components/script-item.tsx b/frontend/src/app/scripts/_components/script-item.tsx index 4df85b745..affb3af6d 100644 --- a/frontend/src/app/scripts/_components/script-item.tsx +++ b/frontend/src/app/scripts/_components/script-item.tsx @@ -1,12 +1,13 @@ "use client"; -import { X } from "lucide-react"; +import { X, HelpCircle } from "lucide-react"; import { Suspense } from "react"; import Image from "next/image"; import type { AppVersion, Script } from "@/lib/types"; import { Separator } from "@/components/ui/separator"; +import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"; import { useVersions } from "@/hooks/use-versions"; import { basePath } from "@/config/site-config"; import { extractDate } from "@/lib/time"; @@ -115,7 +116,21 @@ function VersionInfo({ item }: { item: Script }) { if (!matchedVersion) return null; - return {matchedVersion.version}; + return ( + + {matchedVersion.version} + {matchedVersion.pinned && ( + + + + + + This version is pinned. We test each update for breaking changes before releasing new versions. + + + )} + + ); } export function ScriptItem({ item, setSelectedScript }: ScriptItemProps) {
This version is pinned. We test each update for breaking changes before releasing new versions.