auto close modal

Author: pompurin404

src/renderer/src/components/connections/connection-detail-modal.tsx

@@ -8,7 +8,7 @@ const ConnectionDetailModal: React.FC<Props> = (props) => {
   const { connection, onClose } = props
 
   return (
-    <Modal size="xl" hideCloseButton isOpen={true} scrollBehavior="inside">
+    <Modal size="xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
       <ModalContent>
         <ModalHeader className="flex">连接详情</ModalHeader>
         <ModalBody>

src/renderer/src/components/profiles/edit-file-modal.tsx

@@ -32,7 +32,7 @@ const EditFileModal: React.FC<Props> = (props) => {
   }, [])
 
   return (
-    <Modal size="5xl" hideCloseButton isOpen={true} scrollBehavior="inside">
+    <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
       <ModalContent className="h-full w-[calc(100%-100px)]">
         <ModalHeader className="flex">编辑订阅</ModalHeader>
         <ModalBody className="h-full">

src/renderer/src/components/profiles/edit-info-modal.tsx

@@ -25,7 +25,7 @@ const EditInfoModal: React.FC<Props> = (props) => {
   }
 
   return (
-    <Modal hideCloseButton isOpen={true} scrollBehavior="inside">
+    <Modal hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
       <ModalContent>
         <ModalHeader className="flex">编辑信息</ModalHeader>
         <ModalBody>

src/renderer/src/components/sider/config-viewer.tsx

@@ -31,7 +31,7 @@ const ConfigViewer: React.FC<Props> = (props) => {
   }, [])
 
   return (
-    <Modal size="5xl" hideCloseButton isOpen={true} scrollBehavior="inside">
+    <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
       <ModalContent className="h-full w-[calc(100%-100px)]">
         <ModalHeader className="flex">当前运行时配置</ModalHeader>
         <ModalBody className="h-full">

src/renderer/src/components/sysproxy/pac-editor-modal.tsx

@@ -24,7 +24,7 @@ const PacEditorViewer: React.FC<Props> = (props) => {
   }
 
   return (
-    <Modal size="5xl" hideCloseButton isOpen={true} scrollBehavior="inside">
+    <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onCancel} scrollBehavior="inside">
       <ModalContent className="h-full w-[calc(100%-100px)]">
         <ModalHeader className="flex">编辑PAC脚本</ModalHeader>
         <ModalBody className="h-full">