'use client'; import { useMemo } from "react"; import { formatDistanceToNow } from "date-fns"; import { useQuery } from "@tanstack/react-query"; import { listCommits } from "@/app/api/(client)/client"; import { isServiceError } from "@/lib/utils"; import { useBrowseParams } from "../hooks/useBrowseParams"; import { formatAuthorsText, getCommitAuthors } from "./commitAuthors"; import { AuthorsAvatarGroup } from "./commitParts"; import { Skeleton } from "@/components/ui/skeleton"; export const LatestCommitInfo = () => { const { repoName, revisionName, path } = useBrowseParams(); const { data: commit, isPending } = useQuery({ queryKey: ['latestCommitInfo', repoName, revisionName ?? null, path], queryFn: async () => { const result = await listCommits({ repo: repoName, ref: revisionName, path: path || undefined, page: 1, perPage: 1, }); if (isServiceError(result)) { throw new Error(result.message); } return result.commits[0] ?? null; }, }); const authors = useMemo( () => (commit ? getCommitAuthors(commit) : []), [commit], ); if (isPending) { return (

); } if (!commit) { return null; } const relativeDate = formatDistanceToNow(new Date(commit.date), { addSuffix: true }); return (

a.name).join(", ")}> {formatAuthorsText(authors)} {commit.message} {relativeDate}

); };