src/lib/components/ConsentNotice.svelte

@@ -3,21 +3,19 @@
   // Settings "Record by default" toggle and the mid-meeting retention toggle
   // so both gate on the same copy and the same acknowledgment call.
   import { ShieldAlert } from "@lucide/svelte";
+  import { t } from "../i18n/index.svelte";
   let { onAccept, onCancel }: { onAccept: () => void; onCancel: () => void } = $props();
 </script>
 
 <div class="consent">
   <div class="heading">
     <ShieldAlert size={18} aria-hidden="true" />
-    <strong>Before you record</strong>
+    <strong>{t("consent.heading")}</strong>
   </div>
-  <p>
-    Recording conversations without the consent of participants may be illegal in your region. Check
-    your local recording laws. This is a caution, not legal advice.
-  </p>
+  <p>{t("consent.body")}</p>
   <div class="actions">
-    <button class="primary" onclick={onAccept}>I understand — enable recording</button>
-    <button onclick={onCancel}>Cancel</button>
+    <button class="primary" onclick={onAccept}>{t("consent.accept")}</button>
+    <button onclick={onCancel}>{t("consent.cancel")}</button>
   </div>
 </div>