Show loading animation while saving

[MAILPOET-2677]
This commit is contained in:
Amine Ben hammou
2020-03-12 02:24:10 +01:00
committed by Veljko V
parent 70a104a0f8
commit adf8cc31e6

View File

@ -2,6 +2,7 @@ import React from 'react';
import { Switch, Route, Redirect } from 'react-router-dom';
import Notices from 'notices/notices.jsx';
import MailPoet from 'mailpoet';
import Loading from 'common/loading';
import {
Advanced,
Basics,
@ -11,12 +12,16 @@ import {
WooCommerce,
} from './pages';
import Tabs from './components/tabs';
import { t } from './utils';
import { useSelector } from './store/hooks';
export default function Settings() {
const isSaving = useSelector('isSaving')();
return (
<>
{isSaving && <Loading />}
<Notices />
<h1 className="title">{MailPoet.I18n.t('settings')}</h1>
<h1 className="title">{t`settings`}</h1>
<Tabs />
<Switch>
<Route path="/basics" component={Basics} />