refactor: add webpanel a group panel container

for futher support mobile

client/web/plugins/com.msgbyte.webview/src/group/GroupWebPanelRender.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Translate } from '../translate';
-import { WebviewKeepAlive } from '@capital/component';
+import { GroupPanelContainer, WebviewKeepAlive } from '@capital/component';
 import urlRegex from 'url-regex';
+import { useGroupPanelContext } from '@capital/common';
 
 const GroupWebPanelRender: React.FC<{ panelInfo: any }> = (props) => {
+  const { groupId, panelId } = useGroupPanelContext();
   const panelInfo = props.panelInfo;
 
   if (!panelInfo) {
@@ -20,7 +22,9 @@ const GroupWebPanelRender: React.FC<{ panelInfo: any }> = (props) => {
   }
 
   return (
-    <WebviewKeepAlive key={String(url)} className="w-full h-full" url={url} />
+    <GroupPanelContainer groupId={groupId} panelId={panelId}>
+      <WebviewKeepAlive key={String(url)} className="w-full h-full" url={url} />
+    </GroupPanelContainer>
   );
 };
 GroupWebPanelRender.displayName = 'GroupWebPanelRender';

client/web/src/components/Panel/group/MembersPanel.tsx

@@ -1,14 +1,12 @@
 import { Icon } from 'tailchat-design';
 import { UserListItem } from '@/components/UserListItem';
-import { Dropdown, Input, MenuProps, Skeleton } from 'antd';
+import { Dropdown, Input, Skeleton } from 'antd';
 import React, { useMemo } from 'react';
 import {
   getGroupConfigWithInfo,
-  PERMISSION,
   t,
   useCachedOnlineStatus,
   useGroupInfo,
-  useHasGroupPermission,
   UserBaseInfo,
 } from 'tailchat-shared';
 import { Problem } from '@/components/Problem';