New API

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>

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>

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",

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";
 

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();
-    }
+  }, [transcript.response]);
-  }, [webSockets.duration]);
 
   useEffect(() => {
     lockWakeState();

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 };