diff --git a/enjoy/src/renderer/components/ffmpeg-check.tsx b/enjoy/src/renderer/components/ffmpeg-check.tsx
index 773937a7..048c87f9 100644
--- a/enjoy/src/renderer/components/ffmpeg-check.tsx
+++ b/enjoy/src/renderer/components/ffmpeg-check.tsx
@@ -5,7 +5,7 @@ import { AppSettingsProviderContext } from "@renderer/context";
import { CheckCircle2Icon, XCircleIcon, LoaderIcon } from "lucide-react";
export const FfmpegCheck = () => {
- const { ffmpegConfg, setFfmegConfig, EnjoyApp } = useContext(
+ const { ffmpegConfig, setFfmegConfig, EnjoyApp } = useContext(
AppSettingsProviderContext
);
const [downloading, setDownloading] = useState(false);
@@ -41,7 +41,7 @@ export const FfmpegCheck = () => {
useEffect(() => {
return EnjoyApp.download.removeAllListeners();
- }, [ffmpegConfg?.ready]);
+ }, [ffmpegConfig?.ready]);
useEffect(() => {
refreshFfmpegConfig();
@@ -49,7 +49,7 @@ export const FfmpegCheck = () => {
return (
- {ffmpegConfg?.ready ? (
+ {ffmpegConfig?.ready ? (
<>

diff --git a/enjoy/src/renderer/context/app-settings-provider.tsx b/enjoy/src/renderer/context/app-settings-provider.tsx
index b79490db..0bedb1ae 100644
--- a/enjoy/src/renderer/context/app-settings-provider.tsx
+++ b/enjoy/src/renderer/context/app-settings-provider.tsx
@@ -11,7 +11,7 @@ type AppSettingsProviderState = {
logout?: () => void;
setLibraryPath?: (path: string) => Promise
;
setWhisperModel?: (name: string) => void;
- ffmpegConfg?: FfmpegConfigType;
+ ffmpegConfig?: FfmpegConfigType;
setFfmegConfig?: (config: FfmpegConfigType) => void;
EnjoyApp?: EnjoyAppType;
};
@@ -35,7 +35,7 @@ export const AppSettingsProvider = ({
const [libraryPath, setLibraryPath] = useState("");
const [whisperModelsPath, setWhisperModelsPath] = useState("");
const [whisperModel, setWhisperModel] = useState(null);
- const [ffmpegConfg, setFfmegConfig] = useState(null);
+ const [ffmpegConfig, setFfmegConfig] = useState(null);
const EnjoyApp = window.__ENJOY_APP__;
useEffect(() => {
@@ -52,7 +52,7 @@ export const AppSettingsProvider = ({
useEffect(() => {
validate();
- }, [user, libraryPath, whisperModel, ffmpegConfg]);
+ }, [user, libraryPath, whisperModel, ffmpegConfig]);
const fetchFfmpegConfig = async () => {
const config = await EnjoyApp.settings.getFfmpegConfig();
@@ -114,7 +114,7 @@ export const AppSettingsProvider = ({
const validate = async () => {
setInitialized(
- !!(user && libraryPath && whisperModel && ffmpegConfg?.ready)
+ !!(user && libraryPath && whisperModel && ffmpegConfig?.ready)
);
};
@@ -131,7 +131,7 @@ export const AppSettingsProvider = ({
whisperModelsPath,
whisperModel,
setWhisperModel: setModelHandler,
- ffmpegConfg,
+ ffmpegConfig,
setFfmegConfig,
initialized,
}}
diff --git a/enjoy/src/renderer/pages/landing.tsx b/enjoy/src/renderer/pages/landing.tsx
index b94eb4bd..eebba4cd 100644
--- a/enjoy/src/renderer/pages/landing.tsx
+++ b/enjoy/src/renderer/pages/landing.tsx
@@ -16,13 +16,13 @@ export default () => {
const [currentStep, setCurrentStep] = useState(1);
const [currentStepValid, setCurrentStepValid] = useState(false);
- const { user, libraryPath, whisperModel, ffmpegConfg, initialized } =
+ const { user, libraryPath, whisperModel, ffmpegConfig, initialized } =
useContext(AppSettingsProviderContext);
const totalSteps = 5;
useEffect(() => {
validateCurrentStep();
- }, [currentStep, user, whisperModel, ffmpegConfg]);
+ }, [currentStep, user, whisperModel, ffmpegConfig]);
const validateCurrentStep = async () => {
switch (currentStep) {
@@ -36,7 +36,7 @@ export default () => {
setCurrentStepValid(!!whisperModel);
break;
case 4:
- setCurrentStepValid(ffmpegConfg?.ready);
+ setCurrentStepValid(ffmpegConfig?.ready);
break;
case 5:
setCurrentStepValid(initialized);