diff --git a/web/.env.example b/web/.env.example index 39b768d..8638f8b 100644 --- a/web/.env.example +++ b/web/.env.example @@ -8,6 +8,6 @@ I2P_ADDRESS="http://nti3rj4j4disjcm2kvp4eno7otcejbbxv3ggxwr5tpfk4jucah7q.b32.i2p RELEASE_NUMBER=123 RELEASE_DATE="2025-05-23T19:00:00.000Z" # Generated with `npx web-push generate-vapid-keys` -VAPID_PUBLIC_KEY="" -VAPID_PRIVATE_KEY="" +VAPID_PUBLIC_KEY="BPmJbRXzG9zT181vyg1GlpyV8qu7rjVjfg6vkkOgtqeTZECyt6lR4MuzmlarEHSBF6gPpc77ZA0_tTVtmYh65iM" +VAPID_PRIVATE_KEY="eN_S2SMXDB2hpwVXbgDkDrPIPMqirllZaJcUgYTt9w0" VAPID_SUBJECT="mailto:no-reply@kycnot.me" diff --git a/web/src/components/BadgeSmall.astro b/web/src/components/BadgeSmall.astro index 5be48cb..5496191 100644 --- a/web/src/components/BadgeSmall.astro +++ b/web/src/components/BadgeSmall.astro @@ -2,13 +2,14 @@ import { Icon } from 'astro-icon/components' import { tv, type VariantProps } from 'tailwind-variants' +import type { AstroChildren } from '../lib/astro' import type { Polymorphic } from 'astro/types' const badge = tv({ slots: { base: 'inline-flex h-4 items-center justify-center gap-0.75 rounded-full px-1.25 text-[10px] font-medium', icon: 'size-3 shrink-0', - text: 'mx-0.25 overflow-hidden text-ellipsis whitespace-nowrap', + text: 'mx-0.25 overflow-hidden text-ellipsis whitespace-nowrap [&>a]:hover:underline [&>a]:focus-visible:underline', }, variants: { color: { @@ -122,18 +123,22 @@ const badge = tv({ }, }) -type Props = Polymorphic< +type Props< + Tag extends 'a' | 'div' | 'li' = 'div', + Text extends string | undefined = string | undefined, +> = Polymorphic< VariantProps & { as: Tag icon?: string endIcon?: string - text: string + text?: Text inlineIcon?: boolean classNames?: { icon?: string text?: string endIcon?: string } + children?: Text extends string ? never : AstroChildren } > @@ -161,7 +166,7 @@ const { base, icon: iconSlot, text: textSlot } = badge({ color, variant }) ) } - {textContent} + {textContent ?? } { !!endIconName && ( diff --git a/web/src/components/CommentItem.astro b/web/src/components/CommentItem.astro index 6056290..46d23cb 100644 --- a/web/src/components/CommentItem.astro +++ b/web/src/components/CommentItem.astro @@ -243,13 +243,10 @@ const commentUrl = makeCommentUrl({ serviceSlug, commentId: comment.id, origin: comment.author.serviceAffiliations.map((affiliation) => { const roleInfo = getServiceUserRoleInfo(affiliation.role) return ( - + + {roleInfo.label} at + {affiliation.service.name} + ) }) } diff --git a/web/src/components/VerificationWarningBanner.astro b/web/src/components/VerificationWarningBanner.astro index a41ae08..ab9b68c 100644 --- a/web/src/components/VerificationWarningBanner.astro +++ b/web/src/components/VerificationWarningBanner.astro @@ -56,7 +56,15 @@ const wasRecentlyAdded = isPast(listedDate) && differenceInDays(new Date(), list ) : service.verificationStatus === 'COMMUNITY_CONTRIBUTED' ? (
- Community-contributed. Information not reviewed. + + Community-contributed. Information not reviewed. + + Learn more + +
) : wasRecentlyAdded ? (
@@ -64,11 +72,25 @@ const wasRecentlyAdded = isPast(listedDate) && differenceInDays(new Date(), list {service.verificationStatus !== 'VERIFICATION_SUCCESS' && ' and it is not verified'}. Proceed with caution. + + Learn more +
) : service.verificationStatus !== 'VERIFICATION_SUCCESS' ? (
- Basic checks passed, but not fully verified. + + Basic checks passed, but not fully verified. + + Learn more + +
) : null } diff --git a/web/src/pages/service/[slug].astro b/web/src/pages/service/[slug].astro index 190717e..3237077 100644 --- a/web/src/pages/service/[slug].astro +++ b/web/src/pages/service/[slug].astro @@ -1,5 +1,5 @@ --- -import { VerificationStepStatus, EventType, KycLevelClarification } from '@prisma/client' +import { VerificationStepStatus, EventType } from '@prisma/client' import { Icon } from 'astro-icon/components' import { Markdown } from 'astro-remote' import { Schema } from 'astro-seo-schema' @@ -1295,9 +1295,17 @@ const activeAlertOrWarningEvents = service.events.filter( -

- Verification -

+
+

Verification

+ + Learn more + + +
+