From 1758edddc40d966eae5efd67f82f92be99f6b260 Mon Sep 17 00:00:00 2001
From: Andreas <andreas@monadical.com>
Date: Thu, 28 Dec 2023 16:35:08 +0700
Subject: [PATCH] New API

---
 www/app/(aboutAndPrivacy)/aboutContent.tsx             |  4 ++--
 www/app/(aboutAndPrivacy)/privacyContent.tsx           |  6 +++---
 www/app/[domain]/layout.tsx                            |  2 +-
 www/app/[domain]/transcripts/[transcriptId]/page.tsx   |  2 --
 .../transcripts/[transcriptId]/record/page.tsx         |  5 ++---
 www/app/[domain]/transcripts/createTranscript.ts       | 10 ----------
 6 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/www/app/(aboutAndPrivacy)/aboutContent.tsx b/www/app/(aboutAndPrivacy)/aboutContent.tsx
index f2a83751..714149c1 100644
--- a/www/app/(aboutAndPrivacy)/aboutContent.tsx
+++ b/www/app/(aboutAndPrivacy)/aboutContent.tsx
@@ -26,11 +26,11 @@ export default () => (
     <Subtitle>3. Are there any industry-specific use cases?</Subtitle>
     <p>Absolutely! We have two custom deployments pre-built:</p>
     <ul className="mb-2 md:mb-4">
-      <li>
+      <li key="1">
         · Reflector Media: Ideal for meetings, providing real-time notes and
         topic summaries.
       </li>
-      <li>
+      <li key="2">
         · Projector Reflector: Suited for larger events, offering live topic
         summaries, translations, and agenda tracking.
       </li>
diff --git a/www/app/(aboutAndPrivacy)/privacyContent.tsx b/www/app/(aboutAndPrivacy)/privacyContent.tsx
index 43c6ca97..f52c2b78 100644
--- a/www/app/(aboutAndPrivacy)/privacyContent.tsx
+++ b/www/app/(aboutAndPrivacy)/privacyContent.tsx
@@ -5,18 +5,18 @@ export default () => (
     <Title>Privacy Policy</Title>
     <Paragraph className="italic">Last updated on September 22, 2023</Paragraph>
     <ul className="mb-2 md:mb-4">
-      <li className="mb-2">
+      <li key="2" className="mb-2">
         · Recording Consent: By using Reflector, you grant us permission to
         record your interactions for the purpose of showcasing Reflector's
         capabilities during the All In AI conference.
       </li>
-      <li className="mb-2">
+      <li key="3" className="mb-2">
         · Data Access: You will have convenient access to your recorded sessions
         and transcriptions via a unique URL, which remains active for a period
         of seven days. After this time, your recordings and transcripts will be
         deleted.
       </li>
-      <li className="mb-2">
+      <li key="5" className="mb-2">
         · Data Confidentiality: Rest assured that none of your audio data will
         be shared with third parties.
       </li>
diff --git a/www/app/[domain]/layout.tsx b/www/app/[domain]/layout.tsx
index 84cb639e..6027429c 100644
--- a/www/app/[domain]/layout.tsx
+++ b/www/app/[domain]/layout.tsx
@@ -25,7 +25,7 @@ export const viewport: Viewport = {
 }
 
 export const metadata: Metadata = {
-  metadataBase: process.env.DEV_URL || "https://reflector.media",
+  metadataBase: new URL(process.env.DEV_URL || "https://reflector.media"),
   title: {
     template: "%s – Reflector",
     default: "Reflector - AI-Powered Meeting Transcriptions by Monadical",
diff --git a/www/app/[domain]/transcripts/[transcriptId]/page.tsx b/www/app/[domain]/transcripts/[transcriptId]/page.tsx
index 464f4504..1e1eaf8f 100644
--- a/www/app/[domain]/transcripts/[transcriptId]/page.tsx
+++ b/www/app/[domain]/transcripts/[transcriptId]/page.tsx
@@ -16,8 +16,6 @@ import ShareModal from "./shareModal";
 import Player from "../player";
 import WaveformLoading from "../waveformLoading";
 import { useRouter } from "next/navigation";
-import { faSpinner } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { featureEnabled } from "../../domainContext";
 import { toShareMode } from "../../../lib/shareMode";
 
diff --git a/www/app/[domain]/transcripts/[transcriptId]/record/page.tsx b/www/app/[domain]/transcripts/[transcriptId]/record/page.tsx
index ce1ee48c..478946a3 100644
--- a/www/app/[domain]/transcripts/[transcriptId]/record/page.tsx
+++ b/www/app/[domain]/transcripts/[transcriptId]/record/page.tsx
@@ -75,10 +75,9 @@ const TranscriptRecord = (details: TranscriptDetails) => {
   }, [webSockets.status.value, transcript.response?.status]);
 
   useEffect(() => {
-    if (webSockets.duration) {
+    if (transcript.response?.status === "ended")
       mp3.getNow();
-    }
-  }, [webSockets.duration]);
+  }, [transcript.response]);
 
   useEffect(() => {
     lockWakeState();
diff --git a/www/app/[domain]/transcripts/createTranscript.ts b/www/app/[domain]/transcripts/createTranscript.ts
index 0a67f8f5..e8dedbce 100644
--- a/www/app/[domain]/transcripts/createTranscript.ts
+++ b/www/app/[domain]/transcripts/createTranscript.ts
@@ -22,16 +22,9 @@ const useCreateTranscript = (): UseTranscript => {
 
     setLoading(true);
 
-    console.log(
-      "POST - /v1/transcripts/ - Requesting new transcription creation",
-      transcriptCreationDetails,
-      api,
-    );
-
     api
       .v1TranscriptsCreate(transcriptCreationDetails)
       .then((transcript) => {
-        console.debug("New transcript created:", transcript);
         setTranscript(transcript);
         setLoading(false);
       })
@@ -43,9 +36,6 @@ const useCreateTranscript = (): UseTranscript => {
         setErrorState(err);
         setLoading(false);
       })
-      .finally(() => {
-        console.log("At least this should display?");
-      });
   };
 
   return { transcript, loading, error, create };