Walk Create Community through the Figma screens and restore a chosen logo after reload, so a guest can leave without saving until they reach the email step.

This commit is contained in:
adilallo committed 2026-11-05 16:14:04 -07:00
1 parent ca1f58a50c
commit 2348a9e94f
61 files changed
+1110 -421

No files matched your search

@@ -73,6 +73,8 @@ const AlertContainer = memo<AlertProps>(
hasBodyText = true,
hasTrailingIcon: hasTrailingIconProp,
onClose,
actionLabel,
onAction,
className = "",
}) => {
const t = useTranslation("controlsChrome");
@@ -178,6 +180,8 @@ const AlertContainer = memo<AlertProps>(
closeButtonIconColor={statusStyles.closeButtonIconColor}
onClose={onClose}
closeAlertAriaLabel={t("closeAlert")}
actionLabel={actionLabel}
onAction={onAction}
/>
);
},
@@ -38,6 +38,9 @@ export interface AlertProps {
*/
hasTrailingIcon?: boolean;
onClose?: () => void;
/** Optional trailing action (Figma “Send it again”). */
actionLabel?: string;
onAction?: () => void;
className?: string;
}
@@ -58,4 +61,6 @@ export interface AlertViewProps {
closeButtonIconColor: string;
onClose?: () => void;
closeAlertAriaLabel: string;
actionLabel?: string;
onAction?: () => void;
}
@@ -18,6 +18,8 @@ export function AlertView({
closeButtonIconColor,
onClose,
closeAlertAriaLabel,
actionLabel,
onAction,
}: AlertViewProps) {
const getIcon = () => {
// Use the Icon_Alert.svg with dynamic fill color
@@ -55,6 +57,15 @@ export function AlertView({
{hasBodyText && description && (
<p className={descriptionClasses}>{description}</p>
)}
{actionLabel && onAction ? (
<button
type="button"
onClick={onAction}
className="mt-[var(--space-100)] cursor-pointer text-small-label text-[color:var(--color-content-invert-primary)] underline underline-offset-[3px]"
>
{actionLabel}
</button>
) : null}
</div>
{hasTrailingIcon && onClose ? (
<Button