Make commit age text responsive

This commit is contained in:
Sam Becker 2026-02-19 17:24:42 -06:00
parent 0240bd56d6
commit 922a33354f

View File

@ -52,6 +52,7 @@ import IconNext from '@/components/icons/IconNext';
import Link from 'next/link'; import Link from 'next/link';
import IconNode from '@/components/icons/IconNode'; import IconNode from '@/components/icons/IconNode';
import { formatDistanceToNow } from 'date-fns'; import { formatDistanceToNow } from 'date-fns';
import ResponsiveText from '@/components/primitives/ResponsiveText';
const DEBUG_COMMIT_SHA = '4cd29ed'; const DEBUG_COMMIT_SHA = '4cd29ed';
const DEBUG_COMMIT_MESSAGE = 'Long commit message for debugging purposes'; const DEBUG_COMMIT_MESSAGE = 'Long commit message for debugging purposes';
@ -286,12 +287,17 @@ export default function AdminAppInsightsClient({
{VERCEL_GIT_COMMIT_MESSAGE ?? DEBUG_COMMIT_MESSAGE} {VERCEL_GIT_COMMIT_MESSAGE ?? DEBUG_COMMIT_MESSAGE}
</span> </span>
<span className="text-dim"> <span className="text-dim">
(<span className="truncate"> (<ResponsiveText
shortText={formatDistanceToNow(
codeMeta?.commitDate ?? DEBUG_COMMIT_DATE,
)}
className="truncate"
>
{formatDistanceToNow( {formatDistanceToNow(
codeMeta?.commitDate ?? DEBUG_COMMIT_DATE, codeMeta?.commitDate ?? DEBUG_COMMIT_DATE,
{ addSuffix: true }, { addSuffix: true },
)} )}
</span>) </ResponsiveText>)
</span> </span>
</a>} </a>}
/> />