diff --git a/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.tsx b/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.tsx index 3f6bcd49c3af33dafba3070fb076eaff147a2049..a5f925ed607c17c403af55cccbddf9a37dad6d24 100644 --- a/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.tsx +++ b/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.tsx @@ -16,7 +16,7 @@ const SlackAppsLink = ({ manifest }: SlackAppsLinkProps): JSX.Element => { className="Button Button--primary" href={`https://api.slack.com${link}`} > - <LinkText>{t`Open Slack Apps`}</LinkText> + <LinkText>{t`Create Slack App`}</LinkText> <LinkIcon name="external" /> </LinkRoot> ); diff --git a/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.unit.spec.tsx b/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.unit.spec.tsx index cd776d79f99614cb4ef4047bd22db526db111208..f25fb0cd06b11c38f23c8ab483c3d41db073a0dc 100644 --- a/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.unit.spec.tsx +++ b/frontend/src/metabase/admin/settings/slack/components/SlackAppsLink/SlackAppsLink.unit.spec.tsx @@ -6,6 +6,6 @@ describe("SlackAppsLink", () => { it("renders correctly", () => { render(<SlackAppsLink />); - expect(screen.getByText("Open Slack Apps")).toBeInTheDocument(); + expect(screen.getByText("Create Slack App")).toBeInTheDocument(); }); }); diff --git a/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.tsx b/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.tsx index bb9f0e1df54ff96f238f2e2317f192fccb45a66b..3ad9ee0eeed792bbc772c0ebba10d3d60acc3bfb 100644 --- a/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.tsx +++ b/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.tsx @@ -93,11 +93,14 @@ interface CreateAppSectionProps { const CreateAppSection = ({ manifest }: CreateAppSectionProps): JSX.Element => { return ( - <SetupSection title={t`1. Create your Slack App`}> + <SetupSection + title={t`1. Click the button below and create your Slack App`} + > <SectionMessage> - {t`Click the button below to begin creating your Slack App using the Metabase configuration.`}{" "} - {jt`Once created, click “${( - <strong key="install">{t`Install to workspace`}</strong> + {jt`First, ${( + <strong key="click-button">{t`click the button below to create your Slack App`}</strong> + )} using the Metabase configuration. Once created, click “${( + <strong key="install-app">{t`Install to workspace`}</strong> )}†to authorize it.`} </SectionMessage> <SlackAppsLink manifest={manifest} /> diff --git a/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.unit.spec.tsx b/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.unit.spec.tsx index 5f67de2f0a67da2f8c545b108288e017796b2e2f..8bd39818197c4ce58f1f8a447256c7f531bd46d9 100644 --- a/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.unit.spec.tsx +++ b/frontend/src/metabase/admin/settings/slack/components/SlackSetup/SlackSetup.unit.spec.tsx @@ -10,10 +10,14 @@ describe("SlackSetup", () => { render(<SlackSetup Form={FormMock} />); expect(screen.getByText("Install to workspace")).toBeInTheDocument(); - userEvent.click(screen.getByText("1. Create your Slack App")); + userEvent.click( + screen.getByText("1. Click the button below and create your Slack App"), + ); expect(screen.queryByText("Install to workspace")).not.toBeInTheDocument(); - userEvent.click(screen.getByText("1. Create your Slack App")); + userEvent.click( + screen.getByText("1. Click the button below and create your Slack App"), + ); expect(screen.getByText("Install to workspace")).toBeInTheDocument(); });