extracted upgrade to pro strings (#3383)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

apps/web/ee/pages/settings/teams/[id]/availability.tsx

@@ -1,6 +1,7 @@
 import { useRouter } from "next/router";
 import { useMemo, useState } from "react";
 
+import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Alert } from "@calcom/ui/Alert";
 import LicenseRequired from "@ee/components/LicenseRequired";
 import TeamAvailabilityScreen from "@ee/components/team/availability/TeamAvailabilityScreen";
@@ -14,6 +15,7 @@ import Shell from "@components/Shell";
 import Avatar from "@components/ui/Avatar";
 
 export function TeamAvailabilityPage() {
+  const { t } = useLocale();
   const router = useRouter();
 
   const [errorMessage, setErrorMessage] = useState("");
@@ -54,11 +56,7 @@ export function TeamAvailabilityPage() {
         {!!errorMessage && <Alert className="-mt-24 border" severity="error" title={errorMessage} />}
         {isLoading && <Loader />}
         {isFreeUser ? (
-          <Alert
-            className="-mt-24 border"
-            severity="warning"
-            title="This is a pro feature. Upgrade to pro to see your team's availability."
-          />
+          <Alert className="-mt-24 border" severity="warning" title={t("pro_feature_teams")} />
         ) : (
           TeamAvailability
         )}

apps/web/ee/pages/workflows/[workflow].tsx

@@ -157,11 +157,7 @@ function WorkflowPage() {
       }>
       <LicenseRequired>
         {isFreeUser ? (
-          <Alert
-            className="border "
-            severity="warning"
-            title="This is a pro feature. Upgrade to pro to automate your event notifications and reminders with workflows."
-          />
+          <Alert className="border " severity="warning" title={t("pro_feature_workflows")} />
         ) : (
           <>
             {isAllDataLoaded ? (

apps/web/ee/pages/workflows/index.tsx

@@ -1,11 +1,11 @@
 import { useSession } from "next-auth/react";
 
+import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Alert } from "@calcom/ui/Alert";
 import LicenseRequired from "@ee/components/LicenseRequired";
 import { NewWorkflowButton } from "@ee/components/workflows/NewWorkflowButton";
 import WorkflowList from "@ee/components/workflows/WorkflowListPage";
 
-import { useLocale } from "@lib/hooks/useLocale";
 import useMeQuery from "@lib/hooks/useMeQuery";
 import { trpc } from "@lib/trpc";
 
@@ -33,11 +33,7 @@ function WorkflowsPage() {
         ) : (
           <>
             {isFreeUser ? (
-              <Alert
-                className="border "
-                severity="warning"
-                title="This is a pro feature. Upgrade to pro to automate your event notifications and reminders with workflows."
-              />
+              <Alert className="border " severity="warning" title={t("pro_feature_workflows")} />
             ) : (
               <WorkflowList workflows={data?.workflows} />
             )}

apps/web/public/static/locales/en/common.json

@@ -532,7 +532,7 @@
   "readonly": "Readonly",
   "one_time_link": "One-time link",
   "plan_description": "You're currently on the {{plan}} plan.",
-  "plan_upgrade_invitation": "Upgrade your account to the pro plan to unlock all of the features we have to offer.",
+  "plan_upgrade_invitation": "Upgrade your account to the PRO plan to unlock all of the features we have to offer.",
   "plan_upgrade": "You need to upgrade your plan to have more than one active event type.",
   "plan_upgrade_teams": "You need to upgrade your plan to create a team.",
   "plan_upgrade_instructions": "You can <1>upgrade here</1>.",
@@ -989,5 +989,8 @@
   "invalid_number": "Invalid phone number",
   "navigate": "Navigate",
   "open": "Open",
-  "close": "Close"
+  "close": "Close",
+  "pro_feature_teams": "This is a Pro feature. Upgrade to Pro to see your team's availability.",
+  "pro_feature_workflows": "This is a Pro feature. Upgrade to Pro to automate your event notifications and reminders with Workflows."
+
 }