Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041<script lang="ts"> import { resolve } from "$app/paths"; import TimeAgo from "$lib/components/ui/TimeAgo.svelte"; import type { CommitSummary } from "./types";
interface Props { ownerHandle: string; repoName: string; commit: CommitSummary; }
let { ownerHandle, repoName, commit }: Props = $props();
const href = $derived(resolve(`/${ownerHandle}/${repoName}/commit/${commit.hash}` as "/"));</script>
<!-- narrow screens get the per-entry times instead, there is no room for both --><div class="mb-3 hidden flex-wrap items-center justify-between gap-2 border-b border-border-default pb-2 text-sm md:flex"> <div class="flex min-w-0 flex-wrap items-center gap-2"> {#if commit.authorName} <span class="truncate text-foreground-muted">{commit.authorName}</span> <span class="text-foreground-subtle" aria-hidden="true">·</span> {/if} <a {href} class="min-w-0 truncate text-foreground-default no-underline hover:underline"> {commit.subject} </a> {#if commit.when} <span class="text-foreground-subtle" aria-hidden="true">·</span> <span class="text-foreground-subtle"><TimeAgo value={commit.when} /></span> {/if} </div> <a {href} class="w-fit rounded bg-background-inset px-2 py-1 font-mono text-xs text-foreground-muted no-underline hover:underline" > {commit.shortHash} </a></div>