feat(call_to_action): inform about the layout change

This commit is contained in:
Elian Doran
2025-12-17 16:05:13 +02:00
parent 261c1f77cf
commit cbecc24999
3 changed files with 33 additions and 21 deletions

View File

@@ -1,11 +1,12 @@
import { useMemo, useState } from "preact/hooks";
import { t } from "../../services/i18n";
import Button from "../react/Button";
import Modal from "../react/Modal";
import { dismissCallToAction, getCallToActions } from "./call_to_action_definitions";
import { t } from "../../services/i18n";
export default function CallToActionDialog() {
const activeCallToActions = useMemo(() => getCallToActions(), []);
const activeCallToActions = useMemo(() => getCallToActions(), []);
const [ activeIndex, setActiveIndex ] = useState(0);
const [ shown, setShown ] = useState(true);
const activeItem = activeCallToActions[activeIndex];
@@ -36,11 +37,13 @@ export default function CallToActionDialog() {
await dismissCallToAction(activeItem.id);
await button.onClick();
goToNext();
}}/>
}}/>
)}
</>}
>
<p>{activeItem.message}</p>
<p style={{
whiteSpace: "pre-wrap"
}}>{activeItem.message}</p>
</Modal>
)
);
}