refactor(perferences): use center wrapper layout

2026-06-29 19:44:28 +08:00
parent b8d7873b77
commit f719c11606
19 changed files with 684 additions and 144 deletions
@@ -0,0 +1,39 @@
+import { useIntl } from '@umijs/max';
+import { Button } from 'antd';
+import React, { useState } from 'react';
+import ModifyPasswordForm from './modify-password-form';
+import { SettingRow, SettingsGroup } from './settings-group';
+
+const Security: React.FC = () => {
+  const intl = useIntl();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <SettingsGroup>
+      <SettingRow
+        title={intl.formatMessage({ id: 'users.form.updatepassword' })}
+        description={intl.formatMessage({
+          id: 'users.password.modify.tips'
+        })}
+        extra={
+          !open && (
+            <Button onClick={() => setOpen(true)}>
+              {intl.formatMessage({ id: 'users.form.updatepassword' })}
+            </Button>
+          )
+        }
+      >
+        {open && (
+          <ModifyPasswordForm
+            onCancel={() => setOpen(false)}
+            onSuccess={() => setOpen(false)}
+          />
+        )}
+      </SettingRow>
+    </SettingsGroup>
+  );
+};
+
+Security.displayName = 'Security';
+
+export default Security;