feat: hide background image select when background is not checked

This commit is contained in:
Arnošt Pleskot 2023-08-08 17:39:50 +02:00
parent 9e9f564ea9
commit a005c789c1
No known key found for this signature in database

View File

@ -197,22 +197,24 @@ const ImageExportModal = ({
label={t("imageExportDialog.label.withBackground")}
name="exportBackgroundSwitch"
>
<Select
items={EXPORT_BACKGROUND_IMAGES}
ariaLabel={t("imageExportDialog.label.backgroundImage")}
placeholder={t("imageExportDialog.label.backgroundImage")}
value={exportBackgroundImage}
onChange={(value) => {
if (isBackgroundImageKey(value)) {
setExportBackgroundImage(value);
actionManager.executeAction(
actionChangeExportBackgroundImage,
"ui",
EXPORT_BACKGROUND_IMAGES[value].path,
);
}
}}
/>
{exportWithBackground && (
<Select
items={EXPORT_BACKGROUND_IMAGES}
ariaLabel={t("imageExportDialog.label.backgroundImage")}
placeholder={t("imageExportDialog.label.backgroundImage")}
value={exportBackgroundImage}
onChange={(value) => {
if (isBackgroundImageKey(value)) {
setExportBackgroundImage(value);
actionManager.executeAction(
actionChangeExportBackgroundImage,
"ui",
EXPORT_BACKGROUND_IMAGES[value].path,
);
}
}}
/>
)}
<Switch
name="exportBackgroundSwitch"
checked={exportWithBackground}