selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix mp3 auth

Browse Source
This commit is contained in:
Sara
2023-11-03 12:20:23 +01:00
parent 827dd6d406
commit 2c86775bc2
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
www/app/[domain]/transcripts/[transcriptId]/page.tsx
View File

@@ -29,7 +29,7 @@ export default function TranscriptDetails(details: TranscriptDetails) {
const topics = useTopics(protectedPath, transcriptId);
const waveform = useWaveform(protectedPath, transcriptId);
const useActiveTopic = useState<Topic | null>(null);
const mp3 = useMp3(api, transcriptId);
const mp3 = useMp3(protectedPath, transcriptId);
if (transcript?.error /** || topics?.error || waveform?.error **/) {
return (

14
www/app/[domain]/transcripts/useMp3.ts
View File

@@ -6,6 +6,8 @@ import {
import {} from "../../api";
import { useError } from "../../(errors)/errorContext";
import { DomainContext } from "../domainContext";
import getApi from "../../lib/getApi";
import { useFiefAccessTokenInfo } from "@fief/fief/build/esm/nextjs/react";
type Mp3Response = {
url: string | null;
@@ -14,16 +16,18 @@ type Mp3Response = {
error: Error | null;
};
const useMp3 = (api: DefaultApi, id: string): Mp3Response => {
const useMp3 = (protectedPath: boolean, id: string): Mp3Response => {
const [url, setUrl] = useState<string | null>(null);
const [blob, setBlob] = useState<Blob | null>(null);
const [loading, setLoading] = useState<boolean>(false);
const [error, setErrorState] = useState<Error | null>(null);
const { setError } = useError();
const api = getApi(protectedPath);
const { api_url } = useContext(DomainContext);
const accessTokenInfo = useFiefAccessTokenInfo();
const getMp3 = (id: string) => {
if (!id) return;
if (!id || !api) return;
setLoading(true);
// XXX Current API interface does not output a blob, we need to to is manually
@@ -45,8 +49,8 @@ const useMp3 = (api: DefaultApi, id: string): Mp3Response => {
if (localUrl == url) return;
const headers = new Headers();
if (api.configuration.configuration.accessToken) {
headers.set("Authorization", api.configuration.configuration.accessToken);
if (accessTokenInfo) {
headers.set("Authorization", "Bearer " + accessTokenInfo.access_token);
}
fetch(localUrl, {
@@ -68,7 +72,7 @@ const useMp3 = (api: DefaultApi, id: string): Mp3Response => {
useEffect(() => {
getMp3(id);
}, [id]);
}, [id, api]);
return { url, blob, loading, error };
};