fix: create text message

src/containers/Chats/components/show-doc-modal.component.tsx

@@ -32,9 +32,42 @@ export const ShowDocModal: FC<IProps> = ({
   const onClickUrl = (url: string): (() => void) => () =>
     donwloadWithoutOpenUrl(url);
 
+  const isSupported = () => {
+    return [
+      "pdf",
+      "csv",
+      "xslx",
+      "docx",
+      "png",
+      "jpg",
+      "jpeg",
+      "bmp",
+      "mp4",
+      "webm",
+      "mp3",
+    ].includes(docType);
+  };
+
   const Content = useMemo(() => {
     if (!docSrc || !docType) return null;
 
+    if (!isSupported()) {
+      return (
+        <p
+          style={{
+            paddingTop: 40,
+            paddingBottom: 100,
+            textAlign: "center",
+            fontSize: 18,
+          }}
+        >
+          Предперегляд {'"'}
+          {docType}
+          {'"'} типу документа не передбачено в системі
+        </p>
+      );
+    }
+
     if (docType.includes("pdf")) {
       return (
         <object
@@ -79,3 +112,18 @@ export const ShowDocModal: FC<IProps> = ({
     </ModalComponent>
   );
 };
+
+// return (
+//   <>
+//     <iframe
+//       ref={iframeRef}
+//       src={`https://docs.google.com/gview?embedded=true&url=${encodeURIComponent(
+//         docSrc
+//       )}`}
+//       onLoad={(event) => {
+//         console.log(event.nativeEvent);
+//       }}
+//       style={{ width: "100%", height: "auto", border: "none" }}
+//     />
+//   </>
+// );

src/containers/Chats/hooks/use-create-text-message.hook.ts

@@ -45,6 +45,25 @@ export const useCreateTextMessage = ({
     },
     [setEditedMessage, setMessage]
   );
+
+  const onChangeChatId = () => {
+    const cached = localStorage.getItem(`newMessage${chatId}`);
+
+    console.log(cached);
+    if (cached) {
+      setMessage(cached);
+    } else setMessage("");
+  };
+
+  useEffect(() => {
+    if (message) localStorage.setItem(`newMessage${chatId}`, message);
+    else localStorage.removeItem(`newMessage${chatId}`);
+  }, [message]);
+
+  useEffect(() => {
+    onChangeChatId();
+  }, [chatId]);
+
   const sendEditMessage = async () => {
     const dataSend = {
       newMessage: message,