Apply to production: #1383 and #1381 (#1384)

* build(deps-dev): bump webpack-dev-middleware from 5.3.3 to 5.3.4 (#1383) Bumps [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware) from 5.3.3 to 5.3.4. - [Release notes](https://github.com/webpack/webpack-dev-middleware/releases) - [Changelog](https://github.com/webpack/webpack-dev-middleware/blob/v5.3.4/CHANGELOG.md) - [Commits](webpack/webpack-dev-middleware@v5.3.3...v5.3.4) --- updated-dependencies: - dependency-name: webpack-dev-middleware dependency-type: indirect ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Fix trial CTA (#1381) * Fix trial CTA * Audit fix --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Darnell Andries <[email protected]>
brave · Mar 25, 2024 · c491989 · c491989
1 parent f092dc8
commit c491989
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -20,6 +20,7 @@ const styles = {
     fontSize: "16px",
     lineHeight: "20px",
     color: "#ffffff",
+    textDecoration: "none",
     "@media only screen and (max-width: 600px)": {
       width: "100%",
     },

diff --git a/src/components/SubscriptionCTA.tsx b/src/components/SubscriptionCTA.tsx
@@ -46,11 +46,12 @@ export const SubscriptionCTA = ({ subscribed }: Props) => {
       <Section>
         <h2 css={{ paddingTop: 34 }}>{t("premium_card_title")}</h2>
         <p css={{ marginBottom: 18 }}>{t("subscribe_text")}</p>
-        <Button hollow>
-          <a href={`${subsUrl}/plans/?intent=checkout&product=talk`}>
-            {t("welcome_page_button_hollow")}
-          </a>
-        </Button>
+        <a
+          href={`${subsUrl}/plans/?intent=checkout&product=talk`}
+          css={{ textDecoration: "none" }}
+        >
+          <Button hollow>{t("welcome_page_button_hollow")}</Button>
+        </a>
         <div css={{ marginTop: 16 }}>{t("subscribe_login_text")}</div>
         <div css={{ marginTop: 16 }}>
           {t("subscribe_login_premium")}{" "}