Ready for Multiple Languages - make stat id eng

[flyxiv]

Currently substat id is in the selected language. We refactor them to EN so that we can support multiple languages in one client

[flyxiv]

refactoring done. Time to add a language button

[flyxiv]

refactoring hard-coded text to functions that change text depending on current language type

[flyxiv]

turns out I didn't need to hard-code things XDD

use React Context

1) define language mode enum

export enum LanguageMode {
    ENGLISH_MODE = 'en',
    KOREAN_MODE = 'kr',
}

// 언어 모드를 위한 타입 정의
type LanguageContextType = {
    language: LanguageMode;
    setLanguage: (language: LanguageMode) => void;
};

[flyxiv]

load recent language mode or default en

const LANGUAGE_MODE_SAVE_NAME = 'languageMode';
const LanguageContext = createContext<LanguageContextType | undefined>(undefined);

interface LanguageProviderProps {
    children: ReactNode;
}

export const LanguageProvider: React.FC<LanguageProviderProps> = ({ children }) => {

    const [language, setLanguage] = useState<LanguageMode>(() => {
        return toLanguageMode(localStorage.getItem(LANGUAGE_MODE_SAVE_NAME) || LanguageMode.ENGLISH_MODE);
    });

    return (
        <LanguageContext.Provider value={{ language, setLanguage }}>
            {children}
        </LanguageContext.Provider>
    );
};

[flyxiv]

Add LanguageProvider Wrapper to App

[flyxiv]

minor issues remain. Equipment inputs are not handled well.

[flyxiv]

Seems like problem with materia input.

[flyxiv]

job and race input also don't work.

[flyxiv]

error message

[flyxiv]

Now most of the bugs are fixed. just need to figure out the error reason for hook crashing in job changes

[flyxiv]

changing job gives this error:

[flyxiv]

we can't load state for every single function. We load at the start of every page and propate language as parameter..

Big refactor, works well now