diff options
author | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2022-11-07 06:50:40 +0530 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-11-07 01:20:40 +0000 |
commit | 93a5de8d8e725cb6fff256a54544d39cf50a16f8 (patch) | |
tree | 6772686892a9e63e183109944c2845fcdeeb8939 /src/components/settings | |
parent | 6.2.1-nightly.40 [skip ci] (diff) | |
download | ferdium-app-93a5de8d8e725cb6fff256a54544d39cf50a16f8.tar.gz ferdium-app-93a5de8d8e725cb6fff256a54544d39cf50a16f8.tar.zst ferdium-app-93a5de8d8e725cb6fff256a54544d39cf50a16f8.zip |
Revert "Remove duplicated Toggle.js component" (#742)
Revert "Remove duplicated Toggle.js component (#741)"
This reverts commit dd238ae7949e72e3b90235f56e14686cc5231f34.
Diffstat (limited to 'src/components/settings')
-rw-r--r-- | src/components/settings/services/EditServiceForm.js | 28 | ||||
-rw-r--r-- | src/components/settings/settings/EditSettingsForm.tsx | 92 |
2 files changed, 57 insertions, 63 deletions
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js index 30a78c807..eeb9ef54d 100644 --- a/src/components/settings/services/EditServiceForm.js +++ b/src/components/settings/services/EditServiceForm.js | |||
@@ -342,22 +342,22 @@ class EditServiceForm extends Component { | |||
342 | <div className="settings__options"> | 342 | <div className="settings__options"> |
343 | <div className="settings__settings-group"> | 343 | <div className="settings__settings-group"> |
344 | <H3>{intl.formatMessage(messages.headlineNotifications)}</H3> | 344 | <H3>{intl.formatMessage(messages.headlineNotifications)}</H3> |
345 | <Toggle {...form.$('isNotificationEnabled').bind()} /> | 345 | <Toggle field={form.$('isNotificationEnabled')} /> |
346 | <Toggle {...form.$('isMuted').bind()} /> | 346 | <Toggle field={form.$('isMuted')} /> |
347 | <p className="settings__help indented__help"> | 347 | <p className="settings__help indented__help"> |
348 | {intl.formatMessage(messages.isMutedInfo)} | 348 | {intl.formatMessage(messages.isMutedInfo)} |
349 | </p> | 349 | </p> |
350 | <Toggle {...form.$('isMediaBadgeEnabled').bind()} /> | 350 | <Toggle field={form.$('isMediaBadgeEnabled')} /> |
351 | </div> | 351 | </div> |
352 | 352 | ||
353 | <div className="settings__settings-group"> | 353 | <div className="settings__settings-group"> |
354 | <H3>{intl.formatMessage(messages.headlineBadges)}</H3> | 354 | <H3>{intl.formatMessage(messages.headlineBadges)}</H3> |
355 | <Toggle {...form.$('isBadgeEnabled').bind()} /> | 355 | <Toggle field={form.$('isBadgeEnabled')} /> |
356 | {recipe.hasIndirectMessages && | 356 | {recipe.hasIndirectMessages && |
357 | form.$('isBadgeEnabled').value && ( | 357 | form.$('isBadgeEnabled').value && ( |
358 | <> | 358 | <> |
359 | <Toggle | 359 | <Toggle |
360 | {...form.$('isIndirectMessageBadgeEnabled').bind()} | 360 | field={form.$('isIndirectMessageBadgeEnabled')} |
361 | /> | 361 | /> |
362 | <p className="settings__help indented__help"> | 362 | <p className="settings__help indented__help"> |
363 | {intl.formatMessage(messages.indirectMessageInfo)} | 363 | {intl.formatMessage(messages.indirectMessageInfo)} |
@@ -365,21 +365,19 @@ class EditServiceForm extends Component { | |||
365 | </> | 365 | </> |
366 | )} | 366 | )} |
367 | {recipe.allowFavoritesDelineationInUnreadCount && ( | 367 | {recipe.allowFavoritesDelineationInUnreadCount && ( |
368 | <Toggle | 368 | <Toggle field={form.$('onlyShowFavoritesInUnreadCount')} /> |
369 | {...form.$('onlyShowFavoritesInUnreadCount').bind()} | ||
370 | /> | ||
371 | )} | 369 | )} |
372 | </div> | 370 | </div> |
373 | 371 | ||
374 | <div className="settings__settings-group"> | 372 | <div className="settings__settings-group"> |
375 | <H3>{intl.formatMessage(messages.headlineGeneral)}</H3> | 373 | <H3>{intl.formatMessage(messages.headlineGeneral)}</H3> |
376 | <Toggle {...form.$('isEnabled').bind()} /> | 374 | <Toggle field={form.$('isEnabled')} /> |
377 | <Toggle {...form.$('isHibernationEnabled').bind()} /> | 375 | <Toggle field={form.$('isHibernationEnabled')} /> |
378 | <p className="settings__help indented__help"> | 376 | <p className="settings__help indented__help"> |
379 | {intl.formatMessage(messages.isHibernationEnabledInfo)} | 377 | {intl.formatMessage(messages.isHibernationEnabledInfo)} |
380 | </p> | 378 | </p> |
381 | <Toggle {...form.$('isWakeUpEnabled').bind()} /> | 379 | <Toggle field={form.$('isWakeUpEnabled')} /> |
382 | <Toggle {...form.$('trapLinkClicks').bind()} /> | 380 | <Toggle field={form.$('trapLinkClicks')} /> |
383 | {/* TODO: Need to figure out how to effect this change without a reload of the recipe */} | 381 | {/* TODO: Need to figure out how to effect this change without a reload of the recipe */} |
384 | <p className="settings__help indented__help"> | 382 | <p className="settings__help indented__help"> |
385 | {intl.formatMessage(messages.serviceReloadRequired)} | 383 | {intl.formatMessage(messages.serviceReloadRequired)} |
@@ -388,7 +386,7 @@ class EditServiceForm extends Component { | |||
388 | 386 | ||
389 | <div className="settings__settings-group"> | 387 | <div className="settings__settings-group"> |
390 | <H3>{intl.formatMessage(messages.headlineAppearance)}</H3> | 388 | <H3>{intl.formatMessage(messages.headlineAppearance)}</H3> |
391 | <Toggle {...form.$('isDarkModeEnabled').bind()} /> | 389 | <Toggle field={form.$('isDarkModeEnabled')} /> |
392 | {form.$('isDarkModeEnabled').value && ( | 390 | {form.$('isDarkModeEnabled').value && ( |
393 | <> | 391 | <> |
394 | <H3> | 392 | <H3> |
@@ -401,7 +399,7 @@ class EditServiceForm extends Component { | |||
401 | <Slider field={form.$('darkReaderSepia')} /> | 399 | <Slider field={form.$('darkReaderSepia')} /> |
402 | </> | 400 | </> |
403 | )} | 401 | )} |
404 | <Toggle {...form.$('isProgressbarEnabled').bind()} /> | 402 | <Toggle field={form.$('isProgressbarEnabled')} /> |
405 | </div> | 403 | </div> |
406 | </div> | 404 | </div> |
407 | <div className="service-icon"> | 405 | <div className="service-icon"> |
@@ -431,7 +429,7 @@ class EditServiceForm extends Component { | |||
431 | {intl.formatMessage(messages.headlineProxy)} | 429 | {intl.formatMessage(messages.headlineProxy)} |
432 | <span className="badge badge--success">beta</span> | 430 | <span className="badge badge--success">beta</span> |
433 | </H3> | 431 | </H3> |
434 | <Toggle {...form.$('proxy.isEnabled').bind()} /> | 432 | <Toggle field={form.$('proxy.isEnabled')} /> |
435 | {form.$('proxy.isEnabled').value && ( | 433 | {form.$('proxy.isEnabled').value && ( |
436 | <> | 434 | <> |
437 | <div className="grid"> | 435 | <div className="grid"> |
diff --git a/src/components/settings/settings/EditSettingsForm.tsx b/src/components/settings/settings/EditSettingsForm.tsx index e796a48ec..1d89b53a9 100644 --- a/src/components/settings/settings/EditSettingsForm.tsx +++ b/src/components/settings/settings/EditSettingsForm.tsx | |||
@@ -6,7 +6,7 @@ import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | |||
6 | import { mdiGithub, mdiOpenInNew, mdiPowerPlug } from '@mdi/js'; | 6 | import { mdiGithub, mdiOpenInNew, mdiPowerPlug } from '@mdi/js'; |
7 | import Form from '../../../lib/Form'; | 7 | import Form from '../../../lib/Form'; |
8 | import Button from '../../ui/button'; | 8 | import Button from '../../ui/button'; |
9 | import Toggle from '../../ui/toggle'; | 9 | import Toggle from '../../ui/Toggle.js'; |
10 | import Select from '../../ui/Select'; | 10 | import Select from '../../ui/Select'; |
11 | import Input from '../../ui/input/index'; | 11 | import Input from '../../ui/input/index'; |
12 | import ColorPickerInput from '../../ui/ColorPickerInput'; | 12 | import ColorPickerInput from '../../ui/ColorPickerInput'; |
@@ -522,30 +522,26 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
522 | <H2 className="settings__section_header"> | 522 | <H2 className="settings__section_header"> |
523 | {intl.formatMessage(messages.sectionMain)} | 523 | {intl.formatMessage(messages.sectionMain)} |
524 | </H2> | 524 | </H2> |
525 | <Toggle {...form.$('autoLaunchOnStart').bind()} /> | 525 | <Toggle field={form.$('autoLaunchOnStart')} /> |
526 | <Toggle {...form.$('runInBackground').bind()} /> | 526 | <Toggle field={form.$('runInBackground')} /> |
527 | <Toggle {...form.$('confirmOnQuit').bind()} /> | 527 | <Toggle field={form.$('confirmOnQuit')} /> |
528 | <Toggle {...form.$('enableSystemTray').bind()} /> | 528 | <Toggle field={form.$('enableSystemTray')} /> |
529 | {reloadAfterResume && <Hr />} | 529 | {reloadAfterResume && <Hr />} |
530 | <Toggle {...form.$('reloadAfterResume').bind()} /> | 530 | <Toggle field={form.$('reloadAfterResume')} /> |
531 | {reloadAfterResume && ( | 531 | {reloadAfterResume && ( |
532 | <div> | 532 | <div> |
533 | <Input {...form.$('reloadAfterResumeTime').bind()} /> | 533 | <Input {...form.$('reloadAfterResumeTime').bind()} /> |
534 | <Hr /> | 534 | <Hr /> |
535 | </div> | 535 | </div> |
536 | )} | 536 | )} |
537 | <Toggle {...form.$('startMinimized').bind()} /> | 537 | <Toggle field={form.$('startMinimized')} /> |
538 | {isWindows && ( | 538 | {isWindows && <Toggle field={form.$('minimizeToSystemTray')} />} |
539 | <Toggle {...form.$('minimizeToSystemTray').bind()} /> | 539 | {isWindows && <Toggle field={form.$('closeToSystemTray')} />} |
540 | )} | ||
541 | {isWindows && ( | ||
542 | <Toggle {...form.$('closeToSystemTray').bind()} /> | ||
543 | )} | ||
544 | 540 | ||
545 | <Toggle {...form.$('keepAllWorkspacesLoaded').bind()} /> | 541 | <Toggle field={form.$('keepAllWorkspacesLoaded')} /> |
546 | 542 | ||
547 | {isTodosActivated && <Hr />} | 543 | {isTodosActivated && <Hr />} |
548 | <Toggle {...form.$('enableTodos').bind()} /> | 544 | <Toggle field={form.$('enableTodos')} /> |
549 | {isTodosActivated && ( | 545 | {isTodosActivated && ( |
550 | <div> | 546 | <div> |
551 | <Select field={form.$('predefinedTodoServer')} /> | 547 | <Select field={form.$('predefinedTodoServer')} /> |
@@ -575,7 +571,7 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
575 | {isTodosActivated && <Hr />} | 571 | {isTodosActivated && <Hr />} |
576 | 572 | ||
577 | {scheduledDNDEnabled && <Hr />} | 573 | {scheduledDNDEnabled && <Hr />} |
578 | <Toggle {...form.$('scheduledDNDEnabled').bind()} /> | 574 | <Toggle field={form.$('scheduledDNDEnabled')} /> |
579 | 575 | ||
580 | {scheduledDNDEnabled && ( | 576 | {scheduledDNDEnabled && ( |
581 | <> | 577 | <> |
@@ -636,12 +632,12 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
636 | {intl.formatMessage(messages.sectionServiceIconsSettings)} | 632 | {intl.formatMessage(messages.sectionServiceIconsSettings)} |
637 | </H2> | 633 | </H2> |
638 | 634 | ||
639 | <Toggle {...form.$('showDisabledServices').bind()} /> | 635 | <Toggle field={form.$('showDisabledServices')} /> |
640 | <Toggle {...form.$('showServiceName').bind()} /> | 636 | <Toggle field={form.$('showServiceName')} /> |
641 | 637 | ||
642 | {isUseGrayscaleServicesEnabled && <Hr />} | 638 | {isUseGrayscaleServicesEnabled && <Hr />} |
643 | 639 | ||
644 | <Toggle {...form.$('useGrayscaleServices').bind()} /> | 640 | <Toggle field={form.$('useGrayscaleServices')} /> |
645 | 641 | ||
646 | {isUseGrayscaleServicesEnabled && ( | 642 | {isUseGrayscaleServicesEnabled && ( |
647 | <> | 643 | <> |
@@ -654,8 +650,8 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
654 | </> | 650 | </> |
655 | )} | 651 | )} |
656 | 652 | ||
657 | <Toggle {...form.$('showMessageBadgeWhenMuted').bind()} /> | 653 | <Toggle field={form.$('showMessageBadgeWhenMuted')} /> |
658 | <Toggle {...form.$('enableLongPressServiceHint').bind()} /> | 654 | <Toggle field={form.$('enableLongPressServiceHint')} /> |
659 | <Select field={form.$('iconSize')} /> | 655 | <Select field={form.$('iconSize')} /> |
660 | 656 | ||
661 | <Select field={form.$('navigationBarBehaviour')} /> | 657 | <Select field={form.$('navigationBarBehaviour')} /> |
@@ -666,7 +662,7 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
666 | {intl.formatMessage(messages.sectionHibernation)} | 662 | {intl.formatMessage(messages.sectionHibernation)} |
667 | </H2> | 663 | </H2> |
668 | <Select field={form.$('hibernationStrategy')} /> | 664 | <Select field={form.$('hibernationStrategy')} /> |
669 | <Toggle {...form.$('hibernateOnStartup').bind()} /> | 665 | <Toggle field={form.$('hibernateOnStartup')} /> |
670 | <p | 666 | <p |
671 | className="settings__message" | 667 | className="settings__message" |
672 | style={{ | 668 | style={{ |
@@ -681,7 +677,7 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
681 | 677 | ||
682 | <Select field={form.$('wakeUpStrategy')} /> | 678 | <Select field={form.$('wakeUpStrategy')} /> |
683 | <Select field={form.$('wakeUpHibernationStrategy')} /> | 679 | <Select field={form.$('wakeUpHibernationStrategy')} /> |
684 | <Toggle {...form.$('wakeUpHibernationSplay').bind()} /> | 680 | <Toggle field={form.$('wakeUpHibernationSplay')} /> |
685 | </div> | 681 | </div> |
686 | )} | 682 | )} |
687 | 683 | ||
@@ -691,15 +687,15 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
691 | <H2 className="settings__section_header"> | 687 | <H2 className="settings__section_header"> |
692 | {intl.formatMessage(messages.sectionGeneralUi)} | 688 | {intl.formatMessage(messages.sectionGeneralUi)} |
693 | </H2> | 689 | </H2> |
694 | {isMac && <Toggle {...form.$('showDragArea').bind()} />} | 690 | {isMac && <Toggle field={form.$('showDragArea')} />} |
695 | 691 | ||
696 | <Toggle {...form.$('adaptableDarkMode').bind()} /> | 692 | <Toggle field={form.$('adaptableDarkMode')} /> |
697 | {!isAdaptableDarkModeEnabled && ( | 693 | {!isAdaptableDarkModeEnabled && ( |
698 | <Toggle {...form.$('darkMode').bind()} /> | 694 | <Toggle field={form.$('darkMode')} /> |
699 | )} | 695 | )} |
700 | {(isDarkmodeEnabled || isAdaptableDarkModeEnabled) && ( | 696 | {(isDarkmodeEnabled || isAdaptableDarkModeEnabled) && ( |
701 | <> | 697 | <> |
702 | <Toggle {...form.$('universalDarkMode').bind()} /> | 698 | <Toggle field={form.$('universalDarkMode')} /> |
703 | <p | 699 | <p |
704 | className="settings__message" | 700 | className="settings__message" |
705 | style={{ | 701 | style={{ |
@@ -717,7 +713,7 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
717 | )} | 713 | )} |
718 | 714 | ||
719 | {isSplitModeEnabled && <Hr />} | 715 | {isSplitModeEnabled && <Hr />} |
720 | <Toggle {...form.$('splitMode').bind()} /> | 716 | <Toggle field={form.$('splitMode')} /> |
721 | {isSplitModeEnabled && ( | 717 | {isSplitModeEnabled && ( |
722 | <Input | 718 | <Input |
723 | type="number" | 719 | type="number" |
@@ -780,21 +776,21 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
780 | 776 | ||
781 | <Select field={form.$('sidebarServicesLocation')} /> | 777 | <Select field={form.$('sidebarServicesLocation')} /> |
782 | 778 | ||
783 | <Toggle {...form.$('useHorizontalStyle').bind()} /> | 779 | <Toggle field={form.$('useHorizontalStyle')} /> |
784 | 780 | ||
785 | <Toggle {...form.$('hideCollapseButton').bind()} /> | 781 | <Toggle field={form.$('hideCollapseButton')} /> |
786 | 782 | ||
787 | <Toggle {...form.$('hideRecipesButton').bind()} /> | 783 | <Toggle field={form.$('hideRecipesButton')} /> |
788 | 784 | ||
789 | <Toggle {...form.$('hideSplitModeButton').bind()} /> | 785 | <Toggle field={form.$('hideSplitModeButton')} /> |
790 | 786 | ||
791 | <Toggle {...form.$('hideWorkspacesButton').bind()} /> | 787 | <Toggle field={form.$('hideWorkspacesButton')} /> |
792 | 788 | ||
793 | <Toggle {...form.$('hideNotificationsButton').bind()} /> | 789 | <Toggle field={form.$('hideNotificationsButton')} /> |
794 | 790 | ||
795 | <Toggle {...form.$('hideSettingsButton').bind()} /> | 791 | <Toggle field={form.$('hideSettingsButton')} /> |
796 | 792 | ||
797 | <Toggle {...form.$('alwaysShowWorkspaces').bind()} /> | 793 | <Toggle field={form.$('alwaysShowWorkspaces')} /> |
798 | </div> | 794 | </div> |
799 | )} | 795 | )} |
800 | 796 | ||
@@ -805,17 +801,17 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
805 | {intl.formatMessage(messages.sectionPrivacy)} | 801 | {intl.formatMessage(messages.sectionPrivacy)} |
806 | </H2> | 802 | </H2> |
807 | 803 | ||
808 | <Toggle {...form.$('privateNotifications').bind()} /> | 804 | <Toggle field={form.$('privateNotifications')} /> |
809 | <Toggle {...form.$('clipboardNotifications').bind()} /> | 805 | <Toggle field={form.$('clipboardNotifications')} /> |
810 | {(isWindows || isMac) && ( | 806 | {(isWindows || isMac) && ( |
811 | <Toggle {...form.$('notifyTaskBarOnMessage').bind()} /> | 807 | <Toggle field={form.$('notifyTaskBarOnMessage')} /> |
812 | )} | 808 | )} |
813 | 809 | ||
814 | <Hr /> | 810 | <Hr /> |
815 | 811 | ||
816 | <Select field={form.$('webRTCIPHandlingPolicy')} /> | 812 | <Select field={form.$('webRTCIPHandlingPolicy')} /> |
817 | 813 | ||
818 | <Toggle {...form.$('sentry').bind()} /> | 814 | <Toggle field={form.$('sentry')} /> |
819 | <p className="settings__help"> | 815 | <p className="settings__help"> |
820 | {intl.formatMessage(messages.sentryInfo)} | 816 | {intl.formatMessage(messages.sentryInfo)} |
821 | </p> | 817 | </p> |
@@ -834,11 +830,11 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
834 | 830 | ||
835 | <Hr /> | 831 | <Hr /> |
836 | 832 | ||
837 | <Toggle {...form.$('lockingFeatureEnabled').bind()} /> | 833 | <Toggle field={form.$('lockingFeatureEnabled')} /> |
838 | {lockingFeatureEnabled && ( | 834 | {lockingFeatureEnabled && ( |
839 | <> | 835 | <> |
840 | {isMac && systemPreferences.canPromptTouchID() && ( | 836 | {isMac && systemPreferences.canPromptTouchID() && ( |
841 | <Toggle {...form.$('useTouchIdToUnlock').bind()} /> | 837 | <Toggle field={form.$('useTouchIdToUnlock')} /> |
842 | )} | 838 | )} |
843 | 839 | ||
844 | <Input | 840 | <Input |
@@ -889,7 +885,7 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
889 | 885 | ||
890 | <Hr /> | 886 | <Hr /> |
891 | 887 | ||
892 | <Toggle {...form.$('enableSpellchecking').bind()} /> | 888 | <Toggle field={form.$('enableSpellchecking')} /> |
893 | {!isMac && form.$('enableSpellchecking').value && ( | 889 | {!isMac && form.$('enableSpellchecking').value && ( |
894 | <Select field={form.$('spellcheckerLanguage')} /> | 890 | <Select field={form.$('spellcheckerLanguage')} /> |
895 | )} | 891 | )} |
@@ -905,7 +901,7 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
905 | 901 | ||
906 | <Hr /> | 902 | <Hr /> |
907 | 903 | ||
908 | <Toggle {...form.$('enableTranslator').bind()} /> | 904 | <Toggle field={form.$('enableTranslator')} /> |
909 | 905 | ||
910 | {form.$('enableTranslator').value && ( | 906 | {form.$('enableTranslator').value && ( |
911 | <Select field={form.$('translatorEngine')} /> | 907 | <Select field={form.$('translatorEngine')} /> |
@@ -935,8 +931,8 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
935 | {intl.formatMessage(messages.sectionAdvanced)} | 931 | {intl.formatMessage(messages.sectionAdvanced)} |
936 | </H2> | 932 | </H2> |
937 | 933 | ||
938 | <Toggle {...form.$('enableGPUAcceleration').bind()} /> | 934 | <Toggle field={form.$('enableGPUAcceleration')} /> |
939 | <Toggle {...form.$('enableGlobalHideShortcut').bind()} /> | 935 | <Toggle field={form.$('enableGlobalHideShortcut')} /> |
940 | <p className="settings__help indented__help"> | 936 | <p className="settings__help indented__help"> |
941 | {intl.formatMessage(messages.appRestartRequired)} | 937 | {intl.formatMessage(messages.appRestartRequired)} |
942 | </p> | 938 | </p> |
@@ -1040,12 +1036,12 @@ class EditSettingsForm extends Component<IProps, IState> { | |||
1040 | {intl.formatMessage(messages.sectionUpdates)} | 1036 | {intl.formatMessage(messages.sectionUpdates)} |
1041 | </H2> | 1037 | </H2> |
1042 | 1038 | ||
1043 | <Toggle {...form.$('automaticUpdates').bind()} /> | 1039 | <Toggle field={form.$('automaticUpdates')} /> |
1044 | {automaticUpdates && ( | 1040 | {automaticUpdates && ( |
1045 | <> | 1041 | <> |
1046 | <> | 1042 | <> |
1047 | <div> | 1043 | <div> |
1048 | <Toggle {...form.$('beta').bind()} /> | 1044 | <Toggle field={form.$('beta')} /> |
1049 | {updateIsReadyToInstall ? ( | 1045 | {updateIsReadyToInstall ? ( |
1050 | <Button | 1046 | <Button |
1051 | label={intl.formatMessage( | 1047 | label={intl.formatMessage( |