Implemented API from code generated by OpenAPI

www/app/components/transcript.js

@@ -1,34 +1,39 @@
 import { useEffect, useState } from "react";
-import axios from "axios";
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL;
+import { DefaultApi } from "../api/apis/DefaultApi";
+import { Configuration } from "../api/runtime";
 
 const useTranscript = () => {
   const [response, setResponse] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
 
+  const apiConfiguration = new Configuration({
+    basePath: process.env.NEXT_PUBLIC_API_URL,
+  });
+  const api = new DefaultApi(apiConfiguration);
+
   const createTranscript = () => {
     setLoading(true);
-    const url = API_URL + "/v1/transcripts/";
-    const data = {
-      name: "Weekly All-Hands", // Hardcoded for now
+    const requestParameters = {
+      createTranscript: {
+        name: "Weekly All-Hands", // Hardcoded for now
+      },
     };
 
     console.debug(
       "POST - /v1/transcripts/ - Requesting new transcription creation",
-      data,
+      requestParameters,
     );
 
-    axios
-      .post(url, data)
+    api
+      .transcriptsCreateV1TranscriptsPost(requestParameters)
       .then((result) => {
-        setResponse(result.data);
+        setResponse(result);
         setLoading(false);
-        console.debug("New transcript created:", result.data);
+        console.debug("New transcript created:", result);
       })
       .catch((err) => {
-        const errorString = err.response || err || "Unknown error";
+        const errorString = err.response || err.message || "Unknown error";
         setError(errorString);
         setLoading(false);
         console.error("Error creating transcript:", errorString);

www/app/components/webrtc.js

@@ -1,8 +1,7 @@
 import { useEffect, useState } from "react";
 import Peer from "simple-peer";
-import axios from "axios";
-
-const API_URL = process.env.NEXT_PUBLIC_API_URL;
+import { DefaultApi } from "../api/apis/DefaultApi";
+import { Configuration } from "../api/runtime";
 
 const useWebRTC = (stream, transcriptId) => {
   const [data, setData] = useState({
@@ -13,29 +12,33 @@ const useWebRTC = (stream, transcriptId) => {
     if (!stream || !transcriptId) {
       return;
     }
-    const url = `${API_URL}/v1/transcripts/${transcriptId}/record/webrtc`;
+
+    const apiConfiguration = new Configuration({
+      basePath: process.env.NEXT_PUBLIC_API_URL,
+    });
+    const api = new DefaultApi(apiConfiguration);
 
     let peer = new Peer({ initiator: true, stream: stream });
 
     peer.on("signal", (data) => {
       if ("sdp" in data) {
-        const rtcOffer = {
-          sdp: data.sdp,
-          type: data.type,
+        const requestParameters = {
+          transcriptId: transcriptId,
+          rtcOffer: {
+            sdp: data.sdp,
+            type: data.type,
+          },
         };
 
-        axios
-          .post(url, rtcOffer, {
-            headers: {
-              "Content-Type": "application/json",
-            },
-          })
-          .then((response) => {
-            const answer = response.data;
+        api
+          .transcriptRecordWebrtcV1TranscriptsTranscriptIdRecordWebrtcPost(
+            requestParameters,
+          )
+          .then((answer) => {
             peer.signal(answer);
           })
-          .catch((e) => {
-            console.error("WebRTC signaling error:", e);
+          .catch((err) => {
+            console.error("WebRTC signaling error:", err);
           });
       }
     });