📧 Improve descriptions (#666)

* Update description of the API key input

* Add space between description and link

* Add changeset
This commit is contained in:
Krzysztof Wolski 2023-06-22 11:43:57 +02:00 committed by GitHub
parent 09e07995b5
commit 00e49bac11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 3 deletions

View file

@ -0,0 +1,5 @@
---
"saleor-app-emails-and-messages": patch
---
Improved descriptions in the events section and API key inputs.

View file

@ -62,7 +62,7 @@ export const ApiConnectionSection = ({ configuration }: ApiConnectionSectionProp
label="API Key" label="API Key"
name="apiKey" name="apiKey"
control={control} control={control}
helperText="Name of the configuration, for example 'Production' or 'Test'" helperText="The API key can be generated in your Sendgrid dashboard"
/> />
<label> <label>

View file

@ -68,7 +68,7 @@ export const SendgridEventsSection = ({ configuration }: SendgridEventsSectionPr
description={ description={
<Text as="p"> <Text as="p">
Choose which Saleor events should send emails via Sendgrid. You can create and modify your Choose which Saleor events should send emails via Sendgrid. You can create and modify your
templates in the templates in the{" "}
<TextLink href="https://mc.sendgrid.com/dynamic-templates" newTab={true}> <TextLink href="https://mc.sendgrid.com/dynamic-templates" newTab={true}>
Sendgrid dashboard Sendgrid dashboard
</TextLink> </TextLink>

View file

@ -76,7 +76,12 @@ const NewSendgridConfigurationPage: NextPage = () => {
helperText={"Name of the configuration, for example 'Production' or 'Test'"} helperText={"Name of the configuration, for example 'Production' or 'Test'"}
/> />
{/* TODO: add key validation */} {/* TODO: add key validation */}
<Input name="apiKey" control={control} label="API key" helperText={"Your API key"} /> <Input
name="apiKey"
control={control}
label="API key"
helperText={"The API key can be generated in your Sendgrid dashboard"}
/>
</Box> </Box>
<BoxFooter> <BoxFooter>
<Button type="submit">Save provider</Button> <Button type="submit">Save provider</Button>