suwayomi-material-you-webui/src/features/tracker/screens/TrackerOAuthLogin.tsx

/*
 * Copyright (C) Contributors to the Suwayomi project
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

import { useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import { useNavigate } from 'react-router-dom';
import { requestManager } from '@/lib/requests/RequestManager.ts';
import { makeToast } from '@/base/utils/Toast.ts';
import { AppRoutes } from '@/base/AppRoute.constants.ts';
import { getErrorMessage } from '@/lib/HelperFunctions.ts';

export const TrackerOAuthLogin = () => {
    const { t } = useTranslation();
    const navigate = useNavigate();

    const url = new URL(window.location.href);
    const { trackerId, trackerName }: { trackerId: number; trackerName: string } = JSON.parse(
        url.searchParams.get('state') ?? '{}',
    );

    useEffect(() => {
        const login = async () => {
            try {
                await requestManager.loginToTrackerOauth(trackerId, window.location.href).response;
            } catch (e) {
                makeToast(t('tracking.action.login.label.failure', { name: trackerName }), 'error', getErrorMessage(e));
            }

            navigate(AppRoutes.settings.childRoutes.tracking.path, { replace: true });
        };

        login();
    }, [trackerId]);

    return t('tracking.action.login.label.progress', { name: trackerName });
};