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:
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
|
||||
|
||||
Reference in new issue
Block a user