perf: member tableui (#4353)

packages/web/hooks/useEditTextarea.tsx

@@ -1,133 +0,0 @@
-import React, { useCallback, useRef } from 'react';
-import {
-  ModalFooter,
-  ModalBody,
-  Input,
-  useDisclosure,
-  Button,
-  Box,
-  Textarea
-} from '@chakra-ui/react';
-import MyModal from '../components/common/MyModal';
-import { useToast } from './useToast';
-import { useTranslation } from 'next-i18next';
-
-export const useEditTextarea = ({
-  title,
-  tip,
-  placeholder = '',
-  canEmpty = true,
-  valueRule,
-  rows = 10
-}: {
-  title: string;
-  tip?: string;
-  placeholder?: string;
-  canEmpty?: boolean;
-  valueRule?: (val: string) => string | void;
-  rows?: number;
-}) => {
-  const { t } = useTranslation();
-  const { isOpen, onOpen, onClose } = useDisclosure();
-
-  const textareaRef = useRef<HTMLTextAreaElement | null>(null);
-  const onSuccessCb = useRef<(content: string) => void | Promise<void>>();
-  const onErrorCb = useRef<(err: any) => void>();
-  const { toast } = useToast();
-  const defaultValue = useRef('');
-
-  const onOpenModal = useCallback(
-    ({
-      defaultVal,
-      onSuccess,
-      onError
-    }: {
-      defaultVal: string;
-      onSuccess: (content: string) => any;
-      onError?: (err: any) => void;
-    }) => {
-      onOpen();
-      onSuccessCb.current = onSuccess;
-      onErrorCb.current = onError;
-      defaultValue.current = defaultVal;
-    },
-    [onOpen]
-  );
-
-  const onclickConfirm = useCallback(async () => {
-    if (!textareaRef.current || !onSuccessCb.current) return;
-    const val = textareaRef.current.value;
-
-    if (!canEmpty && !val) {
-      textareaRef.current.focus();
-      return;
-    }
-
-    if (valueRule) {
-      const result = valueRule(val);
-      if (result) {
-        return toast({
-          status: 'warning',
-          title: result
-        });
-      }
-    }
-
-    try {
-      await onSuccessCb.current(val);
-
-      onClose();
-    } catch (err) {
-      onErrorCb.current?.(err);
-    }
-  }, [canEmpty, onClose]);
-
-  // eslint-disable-next-line react/display-name
-  const EditModal = useCallback(
-    ({
-      maxLength = 30,
-      iconSrc = 'modal/edit',
-      closeBtnText = t('common:common.Close')
-    }: {
-      maxLength?: number;
-      iconSrc?: string;
-      closeBtnText?: string;
-    }) => (
-      <MyModal isOpen={isOpen} onClose={onClose} iconSrc={iconSrc} title={title} maxW={'500px'}>
-        <ModalBody pt={tip ? '3 !important' : '5 !important'}>
-          {!!tip && (
-            <Box mb={3} color={'myGray.500'} fontSize={'sm'}>
-              {tip}
-            </Box>
-          )}
-
-          <Textarea
-            ref={textareaRef}
-            defaultValue={defaultValue.current}
-            placeholder={placeholder}
-            autoFocus
-            maxLength={maxLength}
-            rows={rows}
-            bg={'myGray.50'}
-          />
-        </ModalBody>
-        <ModalFooter>
-          {!!closeBtnText && (
-            <Button mr={3} variant={'whiteBase'} onClick={onClose}>
-              {closeBtnText}
-            </Button>
-          )}
-          <Button onClick={onclickConfirm} px={6}>
-            {t('common:common.Confirm')}
-          </Button>
-        </ModalFooter>
-      </MyModal>
-    ),
-    [isOpen, onClose, onclickConfirm, placeholder, tip, title]
-  );
-
-  return {
-    onOpenModal,
-    EditModal
-  };
-};

packages/web/i18n/en/account_team.json

@@ -17,9 +17,9 @@
   "create_sub_org": "Create sub-organization",
   "delete": "delete",
   "delete_org": "Delete organization",
-  "edit_member": "Edit user",
-  "edit_member_tip": "username",
   "edit_info": "Edit information",
+  "edit_member": "Edit user",
+  "edit_member_tip": "Name",
   "edit_org_info": "Edit organization information",
   "expires": "Expiration time",
   "forbid_hint": "After forbidden, this invitation link will become invalid. This action is irreversible. Are you sure you want to deactivate?",

packages/web/i18n/zh-CN/account_team.json

@@ -20,9 +20,9 @@
   "delete_from_org": "移出部门",
   "delete_from_team": "移出团队",
   "delete_org": "删除部门",
-  "edit_member": "编辑用户",
-  "edit_member_tip": "用户名",
   "edit_info": "编辑信息",
+  "edit_member": "编辑用户",
+  "edit_member_tip": "成员名",
   "edit_org_info": "编辑部门信息",
   "expires": "过期时间",
   "export_members": "导出成员",

packages/web/i18n/zh-Hant/account_team.json

@@ -17,9 +17,9 @@
   "create_sub_org": "創建子部門",
   "delete": "刪除",
   "delete_org": "刪除部門",
-  "edit_member": "編輯用戶",
-  "edit_member_tip": "使用者名稱",
   "edit_info": "編輯訊息",
+  "edit_member": "編輯用戶",
+  "edit_member_tip": "成員名",
   "edit_org_info": "編輯部門資訊",
   "expires": "過期時間",
   "forbid_hint": "停用後，該邀請連結將失效。 該操作不可撤銷，是否確認停用？",