Fixes 'How to use Additional Inputs as Variables' dialog in workflows (#4773)

* add i18n translations and fix dialog width and height

* fix typo

Co-authored-by: CarinaWolli <wollencarina@gmail.com>
Co-authored-by: Bailey Pumfleet <pumfleet@hey.com>
pull/4774/head^2
Carina Wollendorfer 2022-09-30 16:41:12 +02:00 committed by GitHub
parent 6d45e1c7c7
commit a5d2f2444a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 6 deletions

View File

@ -1267,5 +1267,10 @@
"seats": "seats",
"every_app_published": "Every app published on the Cal.com App Store is open source and thoroughly tested via peer reviews. Nevertheless, Cal.com, Inc. does not endorse or certify these apps unless they are published by Cal.com. If you encounter inappropriate content or behaviour please report it.",
"report_app": "Report app",
"team_name_required": "Team name required"
"team_name_required": "Team name required",
"how_additional_inputs_as_variables": "How to use Additional Inputs as Variables",
"format": "Format",
"uppercase_for_letters": "Use uppercase for all letters",
"replace_whitespaces_underscores": "Replace whitespaces with underscores",
"ignore_special_characters": "Ignore special characters in your Additonal Input label. Use only letters and numbers"
}

View File

@ -481,15 +481,15 @@ export default function WorkflowStepContainer(props: WorkflowStepProps) {
</ConfirmationDialogContent>
</Dialog>
<Dialog open={isAdditionalInputsDialogOpen} onOpenChange={setIsAdditionalInputsDialogOpen}>
<DialogContent useOwnActionButtons type="creation" className="sm:max-w-[600px] md:h-[570px]">
<div className="-m-3 h-[440px] overflow-x-hidden overflow-y-scroll sm:m-0">
<DialogContent useOwnActionButtons type="creation" className="sm:max-w-[610px] md:h-[570px]">
<div className="-m-3 h-[430px] overflow-x-hidden overflow-y-scroll sm:m-0">
<h1 className="w-full text-xl font-semibold ">{t("how_additional_inputs_as_variables")}</h1>
<div className="mt-7 rounded-md bg-gray-50 p-3 sm:p-5">
<div className="mb-7 mt-7 rounded-md bg-gray-50 p-3 sm:p-4">
<p className="test-sm font-medium">{t("format")}</p>
<ul className="mt-2 ml-5 list-disc text-gray-900">
<li>{t("uppercase_for_letters")}</li>
<li>{t("replace_whitespaces_underscores")}</li>
<li>{t("ingore_special_characters")}</li>
<li>{t("ignore_special_characters")}</li>
</ul>
<div className="mt-6">
<p className="test-sm w-full font-medium">{t("example_1")}</p>
@ -526,7 +526,7 @@ export default function WorkflowStepContainer(props: WorkflowStepProps) {
</div>
</div>
</div>
<div className="mt-3 -mb-7 flex flex-row-reverse gap-x-2">
<div className="flex flex-row-reverse">
<DialogClose asChild>
<Button color="primary" type="button">
{t("close")}