rollback EditUser.js

web/src/pages/User/EditUser.js

 import React, { useEffect, useState } from 'react';
 import React, { useEffect, useState } from 'react';
 import { Button, Form, Header, Segment } from 'semantic-ui-react';
 import { Button, Form, Header, Segment } from 'semantic-ui-react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { useParams, useNavigate } from 'react-router-dom';
-import {API, isMobile, showError, showSuccess} from '../../helpers';
+import { API, showError, showSuccess } from '../../helpers';
 import { renderQuota, renderQuotaWithPrompt } from '../../helpers/render';
 import { renderQuota, renderQuotaWithPrompt } from '../../helpers/render';
-import Title from "@douyinfe/semi-ui/lib/es/typography/title";
-import {SideSheet, Space} from "@douyinfe/semi-ui";
 
 
-const EditUser = (props) => {
+const EditUser = () => {
   const params = useParams();
   const params = useParams();
   const userId = params.id;
   const userId = params.id;
   const [loading, setLoading] = useState(true);
   const [loading, setLoading] = useState(true);
@@ -86,24 +84,8 @@ const EditUser = (props) => {
 
 
   return (
   return (
       <>
       <>
-      <SideSheet
-          placement={'left'}
-          title={<Title level={3}>更新用户信息</Title>}
-          headerStyle={{borderBottom: '1px solid var(--semi-color-border)'}}
-          bodyStyle={{borderBottom: '1px solid var(--semi-color-border)'}}
-          visible={props.visiable}
-          footer={
-            <div style={{display: 'flex', justifyContent: 'flex-end'}}>
-              <Space>
-                <Button theme='solid' size={'large'} onClick={submit}>提交</Button>
-                <Button theme='solid' size={'large'} type={'tertiary'} onClick={handleCancel}>取消</Button>
-              </Space>
-            </div>
-          }
-          closeIcon={null}
-          onCancel={() => handleCancel()}
-          width={isMobile() ? '100%' : 600}
-      >
+        <Segment loading={loading}>
+          <Header as='h3'>更新用户信息</Header>
           <Form autoComplete='new-password'>
           <Form autoComplete='new-password'>
             <Form.Field>
             <Form.Field>
               <Form.Input
               <Form.Input
@@ -200,8 +182,7 @@ const EditUser = (props) => {
             <Button onClick={handleCancel}>取消</Button>
             <Button onClick={handleCancel}>取消</Button>
             <Button positive onClick={submit}>提交</Button>
             <Button positive onClick={submit}>提交</Button>
           </Form>
           </Form>
-
-      </SideSheet>
+        </Segment>
       </>
       </>
   );
   );
 };
 };