From 2a399782456250fbdf591894b5a4eab581680470 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Fri, 11 Jul 2025 12:50:41 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8(frontend)=20add=20beta=20warning?=
 =?UTF-8?q?=20about=20recording=20link=20sharing=20limitations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Display notice on recording page that link sharing is not available in
beta to prevent user confusion and set proper expectations.
---
 .../recording/routes/RecordingDownload.tsx    | 44 +++++++++++++++++++
 src/frontend/src/locales/de/recording.json    |  6 ++-
 src/frontend/src/locales/en/recording.json    |  6 ++-
 src/frontend/src/locales/fr/recording.json    |  6 ++-
 src/frontend/src/locales/nl/recording.json    |  6 ++-
 5 files changed, 64 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/features/recording/routes/RecordingDownload.tsx b/src/frontend/src/features/recording/routes/RecordingDownload.tsx
index cb4f885a..52fcebf9 100644
--- a/src/frontend/src/features/recording/routes/RecordingDownload.tsx
+++ b/src/frontend/src/features/recording/routes/RecordingDownload.tsx
@@ -14,6 +14,28 @@ import { fetchRecording } from '../api/fetchRecording'
 import { RecordingStatus } from '@/features/recording'
 import { useConfig } from '@/api/useConfig'
 
+const BetaBadge = () => (
+  <span
+    className={css({
+      content: '"Beta"',
+      display: 'block',
+      letterSpacing: '-0.02rem',
+      padding: '0 0.25rem',
+      backgroundColor: 'primary.100',
+      color: '#0063CB',
+      fontSize: '14px',
+      fontWeight: 500,
+      margin: '0 0.3125rem',
+      lineHeight: '1rem',
+      borderRadius: '4px',
+      width: 'fit-content',
+      height: 'fit-content',
+    })}
+  >
+    Beta
+  </span>
+)
+
 export const RecordingDownload = () => {
   const { t } = useTranslation('recording')
   const { data: configData } = useConfig()
@@ -107,6 +129,28 @@ export const RecordingDownload = () => {
             >
               {t('success.button')}
             </LinkButton>
+            <div
+              className={css({
+                backgroundColor: 'greyscale.50',
+                borderRadius: '5px',
+                paddingY: '1rem',
+                paddingX: '1rem',
+                maxWidth: '80%',
+                marginTop: '1rem',
+                display: 'flex',
+                flexDirection: 'column',
+              })}
+            >
+              <Text
+                className={css({
+                  display: 'flex',
+                  alignItems: 'center',
+                })}
+              >
+                {t('success.warning.title')} <BetaBadge />
+              </Text>
+              <Text variant="smNote">{t('success.warning.body')}</Text>
+            </div>
           </VStack>
         </Center>
       </Screen>
diff --git a/src/frontend/src/locales/de/recording.json b/src/frontend/src/locales/de/recording.json
index c56168b3..59fa8349 100644
--- a/src/frontend/src/locales/de/recording.json
+++ b/src/frontend/src/locales/de/recording.json
@@ -19,6 +19,10 @@
     "title": "Ihre Aufzeichnung ist bereit!",
     "body": "Aufzeichnung des Treffens <b>{{room}}</b> vom {{created_at}}.",
     "expiration": "Achtung, diese Aufzeichnung wird nach {{expiration_days}} Tag(en) gelöscht.",
-    "button": "Herunterladen"
+    "button": "Herunterladen",
+    "warning": {
+      "title": "Linkfreigabe deaktiviert",
+      "body": "Die Freigabe der Aufzeichnung per Link ist noch nicht verfügbar. Nur Organisatoren können sie herunterladen."
+    }
   }
 }
diff --git a/src/frontend/src/locales/en/recording.json b/src/frontend/src/locales/en/recording.json
index 9073c54d..b70bf6ef 100644
--- a/src/frontend/src/locales/en/recording.json
+++ b/src/frontend/src/locales/en/recording.json
@@ -19,6 +19,10 @@
     "title": "Your recording is ready!",
     "body": "Recording of the meeting <b>{{room}}</b> from {{created_at}}.",
     "expiration": "Attention, this recording will expire after {{expiration_days}} day(s).",
-    "button": "Download"
+    "button": "Download",
+    "warning": {
+      "title": "Link sharing disabled",
+      "body": "Sharing the recording via link is not yet available. Only organizers can download it."
+    }
   }
 }
diff --git a/src/frontend/src/locales/fr/recording.json b/src/frontend/src/locales/fr/recording.json
index 4913c637..deaebad6 100644
--- a/src/frontend/src/locales/fr/recording.json
+++ b/src/frontend/src/locales/fr/recording.json
@@ -19,6 +19,10 @@
     "title": "Votre enregistrement est prêt !",
     "body": "Enregistrement de la réunion <b>{{room}}</b> du {{created_at}}.",
     "expiration": "Attention cet enregistrement expirera au bout de {{expiration_days}} jour(s).",
-    "button": "Télécharger"
+    "button": "Télécharger",
+    "warning": {
+      "title": "Partage via lien désactivé",
+      "body": "Le partage de l'enregistrement via lien n'est pas encore disponible. Seuls les organisateurs peuvent le télécharger."
+    }
   }
 }
diff --git a/src/frontend/src/locales/nl/recording.json b/src/frontend/src/locales/nl/recording.json
index 85d848c7..a6f76e48 100644
--- a/src/frontend/src/locales/nl/recording.json
+++ b/src/frontend/src/locales/nl/recording.json
@@ -19,6 +19,10 @@
     "title": "Je opname is klaar!",
     "body": "Opname van de vergadering <b>{{room}}</b> op {{created_at}}.",
     "expiration": "Let op, deze opname verloopt na {{expiration_days}} dag(en).",
-    "button": "Downloaden"
+    "button": "Downloaden",
+    "warning": {
+      "title": "Delen via link uitgeschakeld",
+      "body": "Het delen van de opname via een link is nog niet beschikbaar. Alleen organisatoren kunnen deze downloaden."
+    }
   }
 }