Migrate to typescript

www/app/transcripts/useTranscript.tsx

@@ -0,0 +1,58 @@
+import { useEffect, useState } from "react";
+import { DefaultApi, V1TranscriptsCreateRequest } from "../api/apis/DefaultApi";
+import { Configuration } from "../api/runtime";
+import { GetTranscript } from "../api";
+
+type UseTranscriptReturnType = {
+  response: GetTranscript | null;
+  loading: boolean;
+  error: string | null;
+  createTranscript: () => void;
+};
+
+const useTranscript = (): UseTranscriptReturnType => {
+  const [response, setResponse] = useState<GetTranscript | null>(null);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const apiConfiguration = new Configuration({
+    basePath: process.env.NEXT_PUBLIC_API_URL,
+  });
+  const api = new DefaultApi(apiConfiguration);
+
+  const createTranscript = () => {
+    setLoading(true);
+    const requestParameters: V1TranscriptsCreateRequest = {
+      createTranscript: {
+        name: "Weekly All-Hands", // Hardcoded for now
+      },
+    };
+
+    console.debug(
+      "POST - /v1/transcripts/ - Requesting new transcription creation",
+      requestParameters,
+    );
+
+    api
+      .v1TranscriptsCreate(requestParameters)
+      .then((result) => {
+        setResponse(result);
+        setLoading(false);
+        console.debug("New transcript created:", result);
+      })
+      .catch((err) => {
+        const errorString = err.response || err.message || "Unknown error";
+        setError(errorString);
+        setLoading(false);
+        console.error("Error creating transcript:", errorString);
+      });
+  };
+
+  useEffect(() => {
+    createTranscript();
+  }, []);
+
+  return { response, loading, error, createTranscript };
+};
+
+export default useTranscript;