refactor: DevContainer -> AlphaContainer

client/shared/components/AlphaContainer.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { useAlphaMode } from '../hooks/useAlphaMode';
 
 /**
@@ -9,7 +9,7 @@ export const AlphaContainer: React.FC<PropsWithChildren> = React.memo(
   (props) => {
     const { isAlphaMode } = useAlphaMode();
 
-    return isAlphaMode ? <Fragment>{props.children}</Fragment> : null;
+    return isAlphaMode ? <>{props.children}</> : null;
   }
 );
 AlphaContainer.displayName = 'AlphaContainer';

client/web/src/components/modals/GroupPanel/ModifyGroupPanel.tsx

@@ -8,7 +8,7 @@ import {
   useGroupPanelInfo,
   useEvent,
   ALL_PERMISSION,
-  DevContainer,
+  AlphaContainer,
 } from 'tailchat-shared';
 import { ModalWrapper } from '../../Modal';
 import { WebMetaForm } from 'tailchat-design';
@@ -65,7 +65,7 @@ export const ModalModifyGroupPanel: React.FC<{
         onSubmit={handleSubmit}
         extraProps={{
           suffixElement: (
-            <DevContainer>
+            <AlphaContainer>
               <CollapseView title={t('高级权限控制')} className="mb-2">
                 <AdvanceGroupPanelPermission
                   height={320}
@@ -89,7 +89,7 @@ export const ModalModifyGroupPanel: React.FC<{
                   }}
                 />
               </CollapseView>
-            </DevContainer>
+            </AlphaContainer>
           ),
         }}
       />