From 00e49bac11f06c80516cd66304f9ce7650060c21 Mon Sep 17 00:00:00 2001
From: Krzysztof Wolski <krzysztof.k.wolski@gmail.com>
Date: Thu, 22 Jun 2023 11:43:57 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A7=20Improve=20descriptions=20(#666)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Update description of the API key input

* Add space between description and link

* Add changeset
---
 .changeset/poor-needles-burn.md                            | 5 +++++
 .../src/modules/sendgrid/ui/api-connection-section.tsx     | 2 +-
 .../src/modules/sendgrid/ui/sendgrid-events-section.tsx    | 2 +-
 .../src/pages/configuration/sendgrid/new.tsx               | 7 ++++++-
 4 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/poor-needles-burn.md

diff --git a/.changeset/poor-needles-burn.md b/.changeset/poor-needles-burn.md
new file mode 100644
index 0000000..828b48b
--- /dev/null
+++ b/.changeset/poor-needles-burn.md
@@ -0,0 +1,5 @@
+---
+"saleor-app-emails-and-messages": patch
+---
+
+Improved descriptions in the events section and API key inputs.
diff --git a/apps/emails-and-messages/src/modules/sendgrid/ui/api-connection-section.tsx b/apps/emails-and-messages/src/modules/sendgrid/ui/api-connection-section.tsx
index b7aea2a..70630e0 100644
--- a/apps/emails-and-messages/src/modules/sendgrid/ui/api-connection-section.tsx
+++ b/apps/emails-and-messages/src/modules/sendgrid/ui/api-connection-section.tsx
@@ -62,7 +62,7 @@ export const ApiConnectionSection = ({ configuration }: ApiConnectionSectionProp
               label="API Key"
               name="apiKey"
               control={control}
-              helperText="Name of the configuration, for example 'Production' or 'Test'"
+              helperText="The API key can be generated in your Sendgrid dashboard"
             />
 
             <label>
diff --git a/apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-events-section.tsx b/apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-events-section.tsx
index dd91cd2..0d6ae4e 100644
--- a/apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-events-section.tsx
+++ b/apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-events-section.tsx
@@ -68,7 +68,7 @@ export const SendgridEventsSection = ({ configuration }: SendgridEventsSectionPr
       description={
         <Text as="p">
           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}>
             Sendgrid dashboard
           </TextLink>
diff --git a/apps/emails-and-messages/src/pages/configuration/sendgrid/new.tsx b/apps/emails-and-messages/src/pages/configuration/sendgrid/new.tsx
index 7c52a5d..d47ee32 100644
--- a/apps/emails-and-messages/src/pages/configuration/sendgrid/new.tsx
+++ b/apps/emails-and-messages/src/pages/configuration/sendgrid/new.tsx
@@ -76,7 +76,12 @@ const NewSendgridConfigurationPage: NextPage = () => {
                 helperText={"Name of the configuration, for example 'Production' or 'Test'"}
               />
               {/* 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>
             <BoxFooter>
               <Button type="submit">Save provider</Button>