From adf8cc31e6965e724f3e5e4427479e865eee9c7a Mon Sep 17 00:00:00 2001
From: Amine Ben hammou <amine@mailpoet.com>
Date: Thu, 12 Mar 2020 02:24:10 +0100
Subject: [PATCH] Show loading animation while saving

[MAILPOET-2677]
---
 assets/js/src/settings/settings.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/js/src/settings/settings.tsx b/assets/js/src/settings/settings.tsx
index d746b88180..fb571decb2 100644
--- a/assets/js/src/settings/settings.tsx
+++ b/assets/js/src/settings/settings.tsx
@@ -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} />