Something went wrong. Try again.
Website hub for the atmosphere community, aggregating posts, events, regional, and more
Something went wrong. Try again.
968 B · 44 lines
Astro
123456789101112131415161718192021222324252627282930313233343536373839404142434445---import type { JoinNotice } from "../../features/community-membership/notice";
interface Props { notice?: JoinNotice | null; communityName?: string | null;}
const { notice, communityName } = Astro.props;
if (!notice) { return;}---
<p class={`join-status join-status--${notice.tone}`} role="status"> {communityName ? `${communityName}: ` : ""} {notice.message}</p>
<style> .join-status { margin-top: var(--space-base); padding: var(--space-md) var(--space-lg); border-radius: var(--radius-md); font-size: var(--text-sm); line-height: var(--leading-normal); }
.join-status--success { background: var(--success-muted, var(--primary-muted)); color: var(--success, var(--primary)); }
.join-status--info { background: var(--muted); color: var(--foreground-secondary); }
.join-status--error { background: var(--error-muted, var(--muted)); color: var(--error, var(--foreground)); }</style>