diff --git a/src/Utils/cameraPermissionHandler.ts b/src/Utils/cameraPermissionHandler.ts index ecf4603e58a..61f59a73019 100644 --- a/src/Utils/cameraPermissionHandler.ts +++ b/src/Utils/cameraPermissionHandler.ts @@ -1,16 +1,24 @@ +import { useTranslation } from "react-i18next"; import { toast } from "sonner"; +const { t } = useTranslation(); + let toastShown = false; -export const handleCameraPermission = async (cameraFacingMode: string, onPermissionDenied: () => void) => { - toastShown = false; - try { - await navigator.mediaDevices.getUserMedia({ video: { facingMode: cameraFacingMode } }); - } catch (error) { - if (!toastShown) { - toastShown = true; // Ensures only one toast is shown - toast.warning("Camera permission denied"); - } - onPermissionDenied(); +export const handleCameraPermission = async ( + cameraFacingMode: string, + onPermissionDenied: () => void, +) => { + toastShown = false; + try { + await navigator.mediaDevices.getUserMedia({ + video: { facingMode: cameraFacingMode }, + }); + } catch (_error) { + if (!toastShown) { + toastShown = true; + toast.warning(t("camera_permission_denied")); } + onPermissionDenied(); + } }; diff --git a/src/components/Common/AvatarEditModal.tsx b/src/components/Common/AvatarEditModal.tsx index 2da394ce3d1..a6996a642d5 100644 --- a/src/components/Common/AvatarEditModal.tsx +++ b/src/components/Common/AvatarEditModal.tsx @@ -23,7 +23,7 @@ import { import useDragAndDrop from "@/hooks/useDragAndDrop"; -import { handleCameraPermission } from "../../Utils/cameraPermissionHandler"; +import { handleCameraPermission } from "@/Utils/cameraPermissionHandler"; interface Props { title: string;