1 files changed, 30 insertions, 0 deletions

diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index 4458c4c5a..b5300f605 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -71,6 +71,14 @@ const messages = defineMessages({
     id: 'settings.service.form.isMutedInfo',
     defaultMessage: '!!!When disabled, all notification sounds and audio playback are muted',
   },
+  buttonClearCache: {
+    id: 'settings.service.form.buttonClearCache',
+    defaultMessage: '!!!Clear cache',
+  },
+  buttonClearingCache: {
+    id: 'settings.service.form.buttonClearingCache',
+    defaultMessage: '!!!Clearing cache',
+  },
   headlineNotifications: {
     id: 'settings.service.form.headlineNotifications',
     defaultMessage: '!!!Notifications',
@@ -102,8 +110,10 @@ export default class EditServiceForm extends Component {
     form: PropTypes.instanceOf(Form).isRequired,
     onSubmit: PropTypes.func.isRequired,
     onDelete: PropTypes.func.isRequired,
+    onClearCache: PropTypes.func.isRequired,
     isSaving: PropTypes.bool.isRequired,
     isDeleting: PropTypes.bool.isRequired,
+    isClearingCache: PropTypes.bool.isRequired,
   };
 
   static defaultProps = {
@@ -158,7 +168,9 @@ export default class EditServiceForm extends Component {
       form,
       isSaving,
       isDeleting,
+      isClearingCache,
       onDelete,
+      onClearCache,
     } = this.props;
     const { intl } = this.context;
 
@@ -181,6 +193,23 @@ export default class EditServiceForm extends Component {
       />
     );
 
+    const clearCacheButton = isClearingCache ? (
+      <Button
+        buttonType="secondary"
+        className="settings__clear-cache-button"
+        loaded={false}
+        label={intl.formatMessage(messages.buttonClearingCache)}
+        disabled
+      />
+    ) : (
+      <Button
+        buttonType="warning"
+        className="settings__clear-cache-button"
+        label={intl.formatMessage(messages.buttonClearCache)}
+        onClick={onClearCache}
+      />
+    );
+
     let activeTabIndex = 0;
     if (recipe.hasHostedOption && service.team) {
       activeTabIndex = 1;
@@ -287,6 +316,7 @@ export default class EditServiceForm extends Component {
               <div className="settings__settings-group">
                 <h3>{intl.formatMessage(messages.headlineGeneral)}</h3>
                 <Toggle field={form.$('isEnabled')} />
+                {clearCacheButton}
               </div>
             </div>
             {recipe.message && (