Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from "react";

import { useDispatch, useSelector } from "react-redux";

import { useApi } from "@hooks";

import { getCredentials, getLanguages } from "@services/auth";

import { labelsAdapter } from "./utils/labels";

import { setIntlLabels } from "./redux/intl/intl.action";

import { setCrendentials } from "./redux/auth/auth.actions";

import AppRoutes from "./routes/routes";

import ErrorPage from "./pages/error/error-page";

import Spinner from "./components/UI/Spinner";

import "./styles/globals.scss";

export default function App() {

  const {

    data: credentials,

    error: credentialsError,

    loading: loadingCredentials,

    execute: fetchCredentials,

  } = useApi(getCredentials);

  const {

    data: labels,

    error: labelsError,

    loading: loadingLanguages,

  } = useApi(getLanguages, { autoFetch: true });

  const { is_logged_in } = useSelector((state) => state.auth);

  const dispatch = useDispatch();

  const loading = loadingCredentials || loadingLanguages;

  const initialError = credentialsError || labelsError;

  useEffect(() => {

    dispatch(setIntlLabels(labelsAdapter(labels)));

  }, [labels, dispatch]);

  useEffect(() => {

    if (credentials) {

      window.localStorage.setItem("jwt", credentials.jwt);

      dispatch(setCrendentials(credentials));

    }

  }, [credentials, dispatch]);

  useEffect(() => {

    fetchCredentials();

  }, [is_logged_in, fetchCredentials]);

  if (loading) {

    return <Spinner />;

  }

  if (initialError) {

    return <ErrorPage />;

  }

  return <AppRoutes />;

}