fix: [SendConfirm] remove S--modalOpen after close SendConfirm

alibaba · May 24, 2021 · f0b95da · f0b95da
1 parent 1e6ad64
commit f0b95da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/demo/src/demo/Chat.tsx b/demo/src/demo/Chat.tsx
@@ -286,6 +286,7 @@ export default () => {
             quickReplies={quickReplies}
             onQuickReplyClick={handleQuickReplyClick}
             onSend={handleSend}
+            onImageSend={() => Promise.resolve()}
           />
         </div>
       </DemoSection>

diff --git a/src/components/SendConfirm/SendConfirm.tsx b/src/components/SendConfirm/SendConfirm.tsx
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Modal } from '../Modal';
 import { Flex } from '../Flex';
 import { useLocale } from '../LocaleProvider';
+import toggleClass from '../../utils/toggleClass';
 
 export type SendConfirmProps = {
   file: Blob;
@@ -15,18 +16,17 @@ export const SendConfirm: React.FC<SendConfirmProps> = (props) => {
   const { trans } = useLocale('SendConfirm');
 
   useEffect(() => {
-    if (!file) {
-      setImg('');
-      return;
-    }
-
     const reader = new FileReader();
     reader.onload = (e: ProgressEvent<FileReader>) => {
       if (e.target) {
         setImg(e.target.result as string);
       }
     };
     reader.readAsDataURL(file);
+
+    return () => {
+      toggleClass('S--modalOpen', false);
+    };
   }, [file]);
 
   return (