diff options
author | Stefan Malzner <stefan@adlk.io> | 2018-12-09 01:01:12 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2018-12-09 01:01:12 +0100 |
commit | f01957203f77fce8b65d5e034a8acd68f1e0ae2e (patch) | |
tree | 2f8d0d232266cdc7ed74e1913b270527f46bb33d /src/components/settings/services/EditServiceForm.js | |
parent | Add dark mode styles to content tabs (diff) | |
download | ferdium-app-f01957203f77fce8b65d5e034a8acd68f1e0ae2e.tar.gz ferdium-app-f01957203f77fce8b65d5e034a8acd68f1e0ae2e.tar.zst ferdium-app-f01957203f77fce8b65d5e034a8acd68f1e0ae2e.zip |
Upgrade to react 16
TODO: add componentDidCatch
Diffstat (limited to 'src/components/settings/services/EditServiceForm.js')
-rw-r--r-- | src/components/settings/services/EditServiceForm.js | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js index 0c869c16d..a7c656acd 100644 --- a/src/components/settings/services/EditServiceForm.js +++ b/src/components/settings/services/EditServiceForm.js | |||
@@ -1,4 +1,4 @@ | |||
1 | import React, { Component } from 'react'; | 1 | import React, { Component, Fragment } from 'react'; |
2 | import PropTypes from 'prop-types'; | 2 | import PropTypes from 'prop-types'; |
3 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
4 | import { Link } from 'react-router'; | 4 | import { Link } from 'react-router'; |
@@ -271,14 +271,14 @@ export default @observer class EditServiceForm extends Component { | |||
271 | {recipe.hasCustomUrl && ( | 271 | {recipe.hasCustomUrl && ( |
272 | <TabItem title={intl.formatMessage(messages.tabOnPremise)}> | 272 | <TabItem title={intl.formatMessage(messages.tabOnPremise)}> |
273 | {user.isPremium || recipe.author.find(a => a.email === user.email) ? ( | 273 | {user.isPremium || recipe.author.find(a => a.email === user.email) ? ( |
274 | <div> | 274 | <Fragment> |
275 | <Input field={form.$('customUrl')} /> | 275 | <Input field={form.$('customUrl')} /> |
276 | {form.error === 'url-validation-error' && ( | 276 | {form.error === 'url-validation-error' && ( |
277 | <p className="franz-form__error"> | 277 | <p className="franz-form__error"> |
278 | {intl.formatMessage(messages.customUrlValidationError, { name: recipe.name })} | 278 | {intl.formatMessage(messages.customUrlValidationError, { name: recipe.name })} |
279 | </p> | 279 | </p> |
280 | )} | 280 | )} |
281 | </div> | 281 | </Fragment> |
282 | ) : ( | 282 | ) : ( |
283 | <div className="center premium-info"> | 283 | <div className="center premium-info"> |
284 | <p>{intl.formatMessage(messages.customUrlPremiumInfo)}</p> | 284 | <p>{intl.formatMessage(messages.customUrlPremiumInfo)}</p> |
@@ -308,12 +308,12 @@ export default @observer class EditServiceForm extends Component { | |||
308 | <h3>{intl.formatMessage(messages.headlineBadges)}</h3> | 308 | <h3>{intl.formatMessage(messages.headlineBadges)}</h3> |
309 | <Toggle field={form.$('isBadgeEnabled')} /> | 309 | <Toggle field={form.$('isBadgeEnabled')} /> |
310 | {recipe.hasIndirectMessages && form.$('isBadgeEnabled').value && ( | 310 | {recipe.hasIndirectMessages && form.$('isBadgeEnabled').value && ( |
311 | <div> | 311 | <Fragment> |
312 | <Toggle field={form.$('isIndirectMessageBadgeEnabled')} /> | 312 | <Toggle field={form.$('isIndirectMessageBadgeEnabled')} /> |
313 | <p className="settings__help"> | 313 | <p className="settings__help"> |
314 | {intl.formatMessage(messages.indirectMessageInfo)} | 314 | {intl.formatMessage(messages.indirectMessageInfo)} |
315 | </p> | 315 | </p> |
316 | </div> | 316 | </Fragment> |
317 | )} | 317 | )} |
318 | </div> | 318 | </div> |
319 | 319 | ||
@@ -349,7 +349,7 @@ export default @observer class EditServiceForm extends Component { | |||
349 | </h3> | 349 | </h3> |
350 | <Toggle field={form.$('proxy.isEnabled')} /> | 350 | <Toggle field={form.$('proxy.isEnabled')} /> |
351 | {form.$('proxy.isEnabled').value && ( | 351 | {form.$('proxy.isEnabled').value && ( |
352 | <div> | 352 | <Fragment> |
353 | <Input field={form.$('proxy.host')} /> | 353 | <Input field={form.$('proxy.host')} /> |
354 | <Input field={form.$('proxy.user')} /> | 354 | <Input field={form.$('proxy.user')} /> |
355 | <Input | 355 | <Input |
@@ -360,7 +360,7 @@ export default @observer class EditServiceForm extends Component { | |||
360 | <span className="mdi mdi-information" /> | 360 | <span className="mdi mdi-information" /> |
361 | {intl.formatMessage(messages.proxyInfo)} | 361 | {intl.formatMessage(messages.proxyInfo)} |
362 | </p> | 362 | </p> |
363 | </div> | 363 | </Fragment> |
364 | )} | 364 | )} |
365 | </div> | 365 | </div> |
366 | </PremiumFeatureContainer> | 366 | </PremiumFeatureContainer> |