diff --git a/web/src/lib/api/notifications.ts b/web/src/lib/api/notifications.ts index 8de316f30..6d164cb52 100644 --- a/web/src/lib/api/notifications.ts +++ b/web/src/lib/api/notifications.ts @@ -4,6 +4,7 @@ import { resolveMiniDoc } from "$lib/api/identity"; import { getReposByRepoDids } from "$lib/api/records"; import { getIssues } from "$lib/api/issue"; import { getPulls } from "$lib/api/records"; +import { repoNameOf } from "$lib/api/repo"; import { didFromUri, rkeyFromUri } from "$lib/api/uri"; import { hostForServiceDid } from "$lib/auth/agent"; import { isDid, type Did } from "@atcute/lexicons/syntax"; @@ -183,7 +184,7 @@ export const hydrateNotifications = async ( const ownerHandle = ownerMap.get(ownerDid) ?? ownerDid; repoMap.set(repoDid, { ownerHandle, - name: record.value.name ?? repoDid + name: repoNameOf(record) }); if (isDid(repoDid)) { const knot = asKnot(record.value.knot); diff --git a/web/src/lib/components/notifications/NotificationItem.svelte b/web/src/lib/components/notifications/NotificationItem.svelte index ee07ab81c..d24d00abe 100644 --- a/web/src/lib/components/notifications/NotificationItem.svelte +++ b/web/src/lib/components/notifications/NotificationItem.svelte @@ -6,7 +6,7 @@ // the row subscribes to NotificationList's columns, so every row shares one // lead column width and the descriptions line up down the whole list. it // only lays out correctly inside that grid. - root: "group/notification relative isolate col-span-full grid grid-cols-subgrid items-center gap-y-1 px-2 py-4 transition-colors hover:border-border-disabled md:px-4", + root: "group/notification relative isolate col-span-full grid grid-cols-subgrid items-center gap-y-1 px-2 py-4 hover:border-border-disabled md:px-4", icon: "row-start-1 size-3.5 shrink-0", header: "row-start-1 flex min-w-0 items-center gap-1.5 overflow-hidden typography-paragraph-small", phrase: "truncate text-foreground-muted no-underline after:absolute after:inset-0 after:z-1 hover:no-underline",