diff options
Diffstat (limited to 'src/components/settings')
-rw-r--r-- | src/components/settings/settings/EditSettingsForm.js | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/src/components/settings/settings/EditSettingsForm.js b/src/components/settings/settings/EditSettingsForm.js index ff398aa33..4f027638c 100644 --- a/src/components/settings/settings/EditSettingsForm.js +++ b/src/components/settings/settings/EditSettingsForm.js | |||
@@ -40,6 +40,14 @@ const messages = defineMessages({ | |||
40 | id: 'settings.app.translationHelp', | 40 | id: 'settings.app.translationHelp', |
41 | defaultMessage: '!!!Help us to translate Franz into your language.', | 41 | defaultMessage: '!!!Help us to translate Franz into your language.', |
42 | }, | 42 | }, |
43 | cacheInfo: { | ||
44 | id: 'settings.app.cacheInfo', | ||
45 | defaultMessage: '!!!Franz cache is currently using {size} of disk space.', | ||
46 | }, | ||
47 | buttonClearAllCache: { | ||
48 | id: 'settings.app.buttonClearAllCache', | ||
49 | defaultMessage: '!!!Clear cache', | ||
50 | }, | ||
43 | buttonSearchForUpdate: { | 51 | buttonSearchForUpdate: { |
44 | id: 'settings.app.buttonSearchForUpdate', | 52 | id: 'settings.app.buttonSearchForUpdate', |
45 | defaultMessage: '!!!Check for updates', | 53 | defaultMessage: '!!!Check for updates', |
@@ -77,6 +85,9 @@ export default class EditSettingsForm extends Component { | |||
77 | isUpdateAvailable: PropTypes.bool.isRequired, | 85 | isUpdateAvailable: PropTypes.bool.isRequired, |
78 | noUpdateAvailable: PropTypes.bool.isRequired, | 86 | noUpdateAvailable: PropTypes.bool.isRequired, |
79 | updateIsReadyToInstall: PropTypes.bool.isRequired, | 87 | updateIsReadyToInstall: PropTypes.bool.isRequired, |
88 | isClearingAllCache: PropTypes.bool.isRequired, | ||
89 | onClearAllCache: PropTypes.func.isRequired, | ||
90 | cacheSize: PropTypes.string.isRequired, | ||
80 | }; | 91 | }; |
81 | 92 | ||
82 | static contextTypes = { | 93 | static contextTypes = { |
@@ -103,6 +114,9 @@ export default class EditSettingsForm extends Component { | |||
103 | isUpdateAvailable, | 114 | isUpdateAvailable, |
104 | noUpdateAvailable, | 115 | noUpdateAvailable, |
105 | updateIsReadyToInstall, | 116 | updateIsReadyToInstall, |
117 | isClearingAllCache, | ||
118 | onClearAllCache, | ||
119 | cacheSize, | ||
106 | } = this.props; | 120 | } = this.props; |
107 | const { intl } = this.context; | 121 | const { intl } = this.context; |
108 | 122 | ||
@@ -155,6 +169,26 @@ export default class EditSettingsForm extends Component { | |||
155 | <h2 id="advanced">{intl.formatMessage(messages.headlineAdvanced)}</h2> | 169 | <h2 id="advanced">{intl.formatMessage(messages.headlineAdvanced)}</h2> |
156 | <Toggle field={form.$('enableSpellchecking')} /> | 170 | <Toggle field={form.$('enableSpellchecking')} /> |
157 | {/* <Select field={form.$('spellcheckingLanguage')} /> */} | 171 | {/* <Select field={form.$('spellcheckingLanguage')} /> */} |
172 | <div className="settings__settings-group"> | ||
173 | <h3> | ||
174 | {/* {intl.formatMessage(messages.headlineGeneral)} */} | ||
175 | Service cache | ||
176 | </h3> | ||
177 | <p> | ||
178 | {intl.formatMessage(messages.cacheInfo, { | ||
179 | size: cacheSize, | ||
180 | })} | ||
181 | </p> | ||
182 | <p> | ||
183 | <Button | ||
184 | buttonType="secondary" | ||
185 | label={intl.formatMessage(messages.buttonClearAllCache)} | ||
186 | onClick={onClearAllCache} | ||
187 | disabled={isClearingAllCache} | ||
188 | loaded={!isClearingAllCache} | ||
189 | /> | ||
190 | </p> | ||
191 | </div> | ||
158 | 192 | ||
159 | {/* Updates */} | 193 | {/* Updates */} |
160 | <h2 id="updates">{intl.formatMessage(messages.headlineUpdates)}</h2> | 194 | <h2 id="updates">{intl.formatMessage(messages.headlineUpdates)}</h2> |
@@ -165,6 +199,7 @@ export default class EditSettingsForm extends Component { | |||
165 | /> | 199 | /> |
166 | ) : ( | 200 | ) : ( |
167 | <Button | 201 | <Button |
202 | buttonType="secondary" | ||
168 | label={intl.formatMessage(updateButtonLabelMessage)} | 203 | label={intl.formatMessage(updateButtonLabelMessage)} |
169 | onClick={checkForUpdates} | 204 | onClick={checkForUpdates} |
170 | disabled={isCheckingForUpdates || isUpdateAvailable} | 205 | disabled={isCheckingForUpdates || isUpdateAvailable} |