feat(panel-content): hide icon for removing modal

src/pages/ManageValidator/RightManagePanels/PanelContent.tsx

@@ -5,21 +5,29 @@ import { XStack, YStack } from 'tamagui'
 type PanelContentProps = {
   children: React.ReactNode
   title: string
-  closeModal: () => void
+  closeModal?: () => void
+  isModalWidth?: boolean
 }
 
-const PanelContent = ({ children, title, closeModal }: PanelContentProps) => {
+const PanelContent = ({
+  children,
+  title,
+  closeModal,
+  isModalWidth,
+}: PanelContentProps) => {
   return (
     <YStack space={'$3'} style={{ padding: '30px', alignItems: 'start' }}>
       <XStack style={{ width: '100%', justifyContent: 'space-between' }}>
         <Text size={19} weight={'semibold'}>
           {title}
         </Text>
-        <ExpandRsIcon
+        {isModalWidth && (
-          size={20}
+          <ExpandRsIcon
-          style={{ cursor: 'pointer' }}
+            size={20}
-          onClick={closeModal}
+            style={{ cursor: 'pointer' }}
-        />
+            onClick={closeModal}
+          />
+        )}
       </XStack>
       {children}
     </YStack>

src/pages/ManageValidator/RightManagePanels/PanelWrapper.tsx

@@ -42,16 +42,16 @@ const PanelWrapper = ({ children, title }: PanelWrapperProps) => {
             },
           }}
         >
-          <PanelContent title={title} closeModal={closeModal}>
+          <PanelContent
+            title={title}
+            closeModal={closeModal}
+            isModalWidth={isModalWidth}
+          >
             {children}
           </PanelContent>
         </Modal>
       ) : (
-        <div>
+        <PanelContent title={title}>{children}</PanelContent>
-          <PanelContent title={title} closeModal={closeModal}>
-            {children}
-          </PanelContent>
-        </div>
       )}
     </>
   )