Use a proper capitalization of the SendGrid name (#869)

.changeset/gorgeous-crews-invite.md

@@ -0,0 +1,5 @@
+---
+"saleor-app-emails-and-messages": patch
+---
+
+Changed capitalization of the name SendGrid in the UI.

apps/emails-and-messages/CHANGELOG.md

@@ -63,7 +63,7 @@
 
   Added message to interface for users with missing permission or Saleor version without the support for this event.
 
-- e1980aa: Added validation for Sendgrid events form. Enabling event without a template is no longer allowed to avoid misconfiguration and undelivered emails.
+- e1980aa: Added validation for SendGrid events form. Enabling event without a template is no longer allowed to avoid misconfiguration and undelivered emails.
 - 6299e06: Update @saleor/app-sdk to 0.41.0
 - bda814b: Fixed issue with SMTP provider not sending emails on some ports.
 - 78670ce: Changed formatting in the debugging logs to be more concise.
@@ -109,9 +109,9 @@
 
 - a8834a1: Unified graphql version to 16.6
 - cce2fbc: Improved layout spacing across the application.
-- e106ab9: Added improved descriptions in the Sendgrid configuration views.
+- e106ab9: Added improved descriptions in the SendGrid configuration views.
 - a8834a1: Unified graphql codegen packages
-- e106ab9: Added improved descriptions in the Sendgrid configuration views.
+- e106ab9: Added improved descriptions in the SendGrid configuration views.
 - a8834a1: Removed unnecessary duplicated dependencies from apps and moved them to shared and root (types, eslint rules)
 - a8834a1: Updated dev dependencies - Typescript, Eslint and Turborepo
 - 928c727: Updated @saleor/macaw-ui to 0.8.0-pre.95. This version introduces change in spacing scale, so there may be slight changes in spacing
@@ -227,7 +227,7 @@
 
 ### Minor Changes
 
-- 14ac614: Enable Sendgrid support
+- 14ac614: Enable SendGrid support
 
 ### Patch Changes
 

apps/emails-and-messages/src/modules/app-configuration/ui/messaging-providers-box.tsx

@@ -28,7 +28,7 @@ const NoExistingConfigurations = () => {
 type ProviderType = "sendgrid" | "smtp";
 
 const providerLabels: Record<ProviderType, string> = {
-  sendgrid: "Sendgrid",
+  sendgrid: "SendGrid",
   smtp: "SMTP",
 };
 

apps/emails-and-messages/src/modules/event-handlers/send-event-messages.ts

@@ -91,7 +91,7 @@ export const sendEventMessages = async ({
     });
 
     if (sendgridStatus?.errors.length) {
-      logger.error("Sendgrid errors");
+      logger.error("SendGrid errors");
       logger.error(sendgridStatus?.errors);
     }
   }

apps/emails-and-messages/src/modules/sendgrid/send-sendgrid.ts

@@ -45,7 +45,7 @@ export const sendSendgrid = async ({
     return;
   }
 
-  logger.debug("Sending an email using Sendgrid");
+  logger.debug("Sending an email using SendGrid");
 
   const { template } = eventSettings;
 
@@ -77,7 +77,7 @@ export const sendSendgrid = async ({
     });
     logger.debug("Email has been send");
   } catch (error) {
-    logger.error("The Sendgrid API returned an error");
+    logger.error("The SendGrid API returned an error");
     logger.error(error);
     if (error instanceof Error) {
       return { errors: [{ message: error.message }] };

apps/emails-and-messages/src/modules/sendgrid/sendgrid-api.ts

@@ -7,7 +7,7 @@ export const fetchTemplates =
   async () => {
     if (!apiKey) {
       console.warn(
-        "The Sendgrid API key has not been set up yet. Skipping fetching available templates."
+        "The SendGrid API key has not been set up yet. Skipping fetching available templates."
       );
       return [];
     }
@@ -22,7 +22,7 @@ export const fetchTemplates =
     );
 
     if (!response.ok) {
-      console.error("Could not fetch available Sendgrid templates");
+      console.error("Could not fetch available SendGrid templates");
       return [];
     }
     try {
@@ -37,7 +37,7 @@ export const fetchTemplates =
 
       return templates;
     } catch (e) {
-      console.error("Could not parse the response from Sendgrid", e);
+      console.error("Could not parse the response from SendGrid", e);
       return [];
     }
   };
@@ -47,7 +47,7 @@ export const fetchSenders =
   async () => {
     if (!apiKey) {
       console.warn(
-        "The Sendgrid API key has not been set up yet. Skipping fetching available senders  ."
+        "The SendGrid API key has not been set up yet. Skipping fetching available senders  ."
       );
       return [];
     }
@@ -59,7 +59,7 @@ export const fetchSenders =
     });
 
     if (!response.ok) {
-      console.error("Could not fetch available Sendgrid senders");
+      console.error("Could not fetch available SendGrid senders");
       return [];
     }
     try {
@@ -76,7 +76,7 @@ export const fetchSenders =
 
       return senders;
     } catch (e) {
-      console.error("Could not parse the response from Sendgrid", e);
+      console.error("Could not parse the response from SendGrid", e);
       return [];
     }
   };

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="The API key can be generated in your Sendgrid dashboard"
+              helperText="The API key can be generated in your SendGrid dashboard"
             />
 
             <label>

apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-api-key-description-text.tsx

@@ -3,7 +3,7 @@ import { Text } from "@saleor/macaw-ui/next";
 
 export const SendgridApiKeyDescriptionText = () => (
   <Text as="p">
-    The API keys can be found at your Sendgrid dashboard, in the Settings menu. You can find more
+    The API keys can be found at your SendGrid dashboard, in the Settings menu. You can find more
     information in the{" "}
     <TextLink href="https://docs.sendgrid.com/ui/account-and-settings/api-keys" newTab={true}>
       documentation

apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-events-section.tsx

@@ -75,7 +75,7 @@ export const SendgridEventsSection = ({ configuration }: SendgridEventsSectionPr
       title="Events"
       description={
         <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{" "}
           <TextLink href="https://mc.sendgrid.com/dynamic-templates" newTab={true}>
             Sendgrid dashboard

apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-logo.tsx

@@ -7,5 +7,5 @@ interface SendgridLogoProps {
 }
 
 export const SendgridLogo = ({ height, width }: SendgridLogoProps) => {
-  return <Image alt="Sendgrid logo" src={sendgrid} height={height} width={width} />;
+  return <Image alt="SendGrid logo" src={sendgrid} height={height} width={width} />;
 };

apps/emails-and-messages/src/modules/sendgrid/ui/sendgrid-sender-section.tsx

@@ -57,7 +57,7 @@ export const SendgridSenderSection = ({ configuration }: SendgridSenderSectionPr
         <Text as="p">
           Authenticating the sender is required to send emails. Configure your sender in{" "}
           <TextLink href="https://app.sendgrid.com/settings/sender_auth" newTab={true}>
-            Sendgrid dashboard
+            SendGrid dashboard
           </TextLink>{" "}
           and choose it from the list.
         </Text>

apps/emails-and-messages/src/pages/configuration/choose-provider.tsx

@@ -28,9 +28,9 @@ const ChooseProviderPage: NextPage = () => {
       <SectionWithDescription title="Choose provider">
         <Box display="grid" gridTemplateColumns={2} gap={3}>
           <ProviderSelectionBox
-            providerName="Sendgrid"
+            providerName="SendGrid"
             providerLogo={<SendgridLogo height={20} width={20} />}
-            providerDescription="Use dynamic templates created in Sendgrid dashboard to send messages. Event data will be forwarded to Sendgrid."
+            providerDescription="Use dynamic templates created in SendGrid dashboard to send messages. Event data will be forwarded to SendGrid."
             onClick={() => push(sendgridUrls.newConfiguration())}
           />
 

apps/emails-and-messages/src/pages/configuration/sendgrid/[configurationId].tsx

@@ -17,7 +17,7 @@ const LoadingView = () => {
     <BasicLayout
       breadcrumbs={[
         { name: "Configuration", href: appUrls.configuration() },
-        { name: "Sendgrid provider" },
+        { name: "SendGrid provider" },
         { name: "..." },
       ]}
     >
@@ -31,7 +31,7 @@ const NotFoundView = () => {
     <BasicLayout
       breadcrumbs={[
         { name: "Configuration", href: appUrls.configuration() },
-        { name: "Sendgrid provider" },
+        { name: "SendGrid provider" },
         { name: "Not found" },
       ]}
     >
@@ -78,13 +78,13 @@ const EditSendgridConfigurationPage: NextPage = () => {
       breadcrumbs={[
         { name: "Configuration", href: appUrls.configuration() },
         {
-          name: `Sendgrid: ${configuration.name}`,
+          name: `SendGrid: ${configuration.name}`,
         },
       ]}
     >
       <Box display="grid" gridTemplateColumns={{ desktop: 3, mobile: 1 }}>
         <Box>
-          <Text>Connect Sendgrid with Saleor.</Text>
+          <Text>Connect SendGrid with Saleor.</Text>
         </Box>
       </Box>
       <SendgridBasicInformationSection configuration={configuration} />

apps/emails-and-messages/src/pages/configuration/sendgrid/new.tsx

@@ -43,16 +43,16 @@ const NewSendgridConfigurationPage: NextPage = () => {
       breadcrumbs={[
         { name: "Configuration", href: appUrls.configuration() },
         { name: "Add provider" },
-        { name: "Sendgrid" },
+        { name: "SendGrid" },
       ]}
     >
       <Box display="grid" gridTemplateColumns={{ desktop: 3, mobile: 1 }}>
         <Box>
-          <Text>Connect Sendgrid with Saleor.</Text>
+          <Text>Connect SendGrid with Saleor.</Text>
         </Box>
       </Box>
       <SectionWithDescription
-        title="Connect Sendgrid"
+        title="Connect SendGrid"
         description={
           <Box display="flex" flexDirection="column" gap={2}>
             <ConfigurationNameDescriptionText />
@@ -80,7 +80,7 @@ const NewSendgridConfigurationPage: NextPage = () => {
                 name="apiKey"
                 control={control}
                 label="API key"
-                helperText={"The API key can be generated in your Sendgrid dashboard"}
+                helperText={"The API key can be generated in your SendGrid dashboard"}
               />
             </Box>
             <BoxFooter>