chore: add instruction in recording email (#14424)

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

@@ -1430,6 +1430,7 @@
   "download": "Download",
   "download_recording": "Download Recording",
   "recording_from_your_recent_call": "A recording from your recent call on {{appName}} is ready for download",
+  "link_valid_for_12_hrs":"Note: The download link is valid only for 12 hours. You can generate new download link by following instructions <1>here</1>.",
   "create_your_first_form": "Create your first form",
   "create_your_first_form_description": "With Routing Forms you can ask qualifying questions and route to the correct person or event type.",
   "create_your_first_webhook": "Create your first Webhook",
@@ -2319,7 +2320,7 @@
   "field_identifiers_as_variables": "Use field identifiers as variables for your custom event redirect",
   "field_identifiers_as_variables_with_example": "Use field identifiers as variables for your custom event redirect (e.g. {{variable}})",
   "account_already_linked": "Account is already linked",
-  
+
   "email_team_invite|subject|added_to_org": "{{user}} added you to the organization {{team}} on {{appName}}",
   "email_team_invite|subject|invited_to_org": "{{user}} invited you to join the organization {{team}} on {{appName}}",
   "email_team_invite|subject|added_to_subteam": "{{user}} added you to the team {{team}} of organization {{parentTeamName}} on {{appName}}",

packages/emails/src/templates/DailyVideoDownloadRecordingEmail.tsx

@@ -1,4 +1,5 @@
 import type { TFunction } from "next-i18next";
+import { Trans } from "next-i18next";
 
 import { WEBAPP_URL, APP_NAME, COMPANY_NAME } from "@calcom/lib/constants";
 
@@ -87,6 +88,14 @@ export const DailyVideoDownloadRecordingEmail = (
         <CallToAction label={props.language("download_recording")} href={props.downloadLink} />
       </div>
 
+      <p style={{ fontWeight: 500, lineHeight: "20px", marginTop: "8px" }}>
+        <Trans i18nKey="link_valid_for_12_hrs">
+          Note: The download link is valid only for 12 hours. You can generate new download link by following
+          instructions
+          <a href="https://cal.com/docs/enterprise-features/teams/cal-video-recordings"> here</a>
+        </Trans>
+      </p>
+
       <p style={{ fontWeight: 400, lineHeight: "24px", marginTop: "32px", marginBottom: "8px" }}>
         <>{props.language("happy_scheduling")},</>
       </p>

packages/features/ee/video/ViewRecordingsDialog.tsx

@@ -9,7 +9,7 @@ import type { RecordingItemSchema } from "@calcom/prisma/zod-utils";
 import type { RouterOutputs } from "@calcom/trpc/react";
 import { trpc } from "@calcom/trpc/react";
 import type { PartialReference } from "@calcom/types/EventManager";
-import { Button, Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, Icon } from "@calcom/ui";
+import { Button, Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from "@calcom/ui";
 
 import RecordingListSkeleton from "./components/RecordingListSkeleton";