diff --git a/src/website/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx b/src/website/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx index f66b1ca379..e29f758d32 100644 --- a/src/website/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx +++ b/src/website/packages/fakeyou.com/src/components/entities/EntityInput/EntityInput.tsx @@ -269,7 +269,14 @@ export default function EntityInput({ reset: resetUploader, } = useMediaUploader({ autoUpload: true, - GApage, + onError: () => { + // @ts-ignore + window.dataLayer.push({ + "event": "upload_failure", + "page": GApage || "/", + "user_id": "$user_id" + }); + }, onSuccess: (res: UploaderResponse) => { reload(); selectToken(res.media_file_token); diff --git a/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.tsx b/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.tsx index a69ce00344..13f4afd2d0 100644 --- a/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.tsx +++ b/src/website/packages/fakeyou.com/src/components/modals/CameraCapture/CameraCapture.tsx @@ -97,7 +97,14 @@ export default function CameraCapture({ error: uploaderError, uploadProgress, } = useMediaUploader({ - GApage, + onError: () => { + // @ts-ignore + window.dataLayer.push({ + "event": "upload_failure_webcam", + "page": GApage || "/", + "user_id": "$user_id" + }); + }, onSuccess: (res: UploaderResponse) => { handleClose(); selectToken(res.media_file_token); diff --git a/src/website/packages/fakeyou.com/src/hooks/useMediaUploader/useMediaUploader.tsx b/src/website/packages/fakeyou.com/src/hooks/useMediaUploader/useMediaUploader.tsx index 49240a4f17..2ef44e1d4a 100644 --- a/src/website/packages/fakeyou.com/src/hooks/useMediaUploader/useMediaUploader.tsx +++ b/src/website/packages/fakeyou.com/src/hooks/useMediaUploader/useMediaUploader.tsx @@ -17,13 +17,13 @@ import { FetchStatus } from "@storyteller/components/src/api/_common/SharedFetch interface Props { autoUpload?: boolean; - GApage?: string; + onError?: (res: UploaderResponse) => any; onSuccess?: (res: UploaderResponse) => any; } const n = () => { }; -export default function useMediaUploader({ autoUpload, GApage, onSuccess = n }: Props) { +export default function useMediaUploader({ autoUpload, onError = n, onSuccess = n }: Props) { const [status, statusSet] = useState(FetchStatus.ready); const [mediaClass, mediaClassSet] = useState( MediaFileClass.Unknown @@ -80,13 +80,8 @@ export default function useMediaUploader({ autoUpload, GApage, onSuccess = n }: onSuccess(res); todo(); } else { + onError(res); statusSet(FetchStatus.error); - // @ts-ignore - window.dataLayer.push({ - "event": "upload_failure", - "page": GApage || "/", - "user_id": "$user_id" - }); } }); }