diff options
Diffstat (limited to 'FrontEnd/src/pages/setting/index.tsx')
-rw-r--r-- | FrontEnd/src/pages/setting/index.tsx | 63 |
1 files changed, 33 insertions, 30 deletions
diff --git a/FrontEnd/src/pages/setting/index.tsx b/FrontEnd/src/pages/setting/index.tsx index 8673d55a..4e0bf27e 100644 --- a/FrontEnd/src/pages/setting/index.tsx +++ b/FrontEnd/src/pages/setting/index.tsx @@ -156,33 +156,34 @@ function RegisterCodeSettingItem() { }, [user, registerCode]); return ( - <SettingItemContainer - title="settings.myRegisterCode" - description="settings.myRegisterCodeDesc" - className="register-code-setting-item" - onClick={() => setDialogOpen(true)} - > - {registerCode === undefined ? ( - <Spinner /> - ) : registerCode === null ? ( - <span>Noop</span> - ) : ( - <code - className="register-code" - onClick={(event) => { - void navigator.clipboard.writeText(registerCode).then(() => { - pushAlert({ - type: "create", - message: "settings.myRegisterCodeCopied", + <> + <SettingItemContainer + title="settings.myRegisterCode" + description="settings.myRegisterCodeDesc" + className="register-code-setting-item" + onClick={() => setDialogOpen(true)} + > + {registerCode === undefined ? ( + <Spinner /> + ) : registerCode === null ? ( + <span>Noop</span> + ) : ( + <code + className="register-code" + onClick={(event) => { + void navigator.clipboard.writeText(registerCode).then(() => { + pushAlert({ + type: "create", + message: "settings.myRegisterCodeCopied", + }); }); - }); - event.stopPropagation(); - }} - > - {registerCode} - </code> - )} - + event.stopPropagation(); + }} + > + {registerCode} + </code> + )} + </SettingItemContainer> <ConfirmDialog title="settings.renewRegisterCode" body="settings.renewRegisterCodeDesc" @@ -196,8 +197,8 @@ function RegisterCodeSettingItem() { setRegisterCode(undefined); }); }} - /> - </SettingItemContainer> + />{" "} + </> ); } @@ -243,7 +244,6 @@ export default function SettingPage() { "change-avatar", "change-nickname", "logout", - "renew-register-code", ]); return ( @@ -271,7 +271,10 @@ export default function SettingPage() { /> </SettingSection> ) : null} - <SettingSection title="settings.subheader.customization" color="secondary"> + <SettingSection + title="settings.subheader.customization" + color="secondary" + > <LanguageChangeSettingItem /> </SettingSection> <ChangePasswordDialog {...dialogPropsMap["change-password"]} /> |