[Chat] Render Non ACS images without the onClick function (#4214)

Author: Leah-Xia-Microsoft

change-beta/@azure-communication-react-4d49f9ed-9c6e-4d81-9191-9d2bd26c2982.json

@@ -0,0 +1,9 @@
+{
+  "type": "minor",
+  "area": "improvement",
+  "workstream": "InlineImage",
+  "comment": "In the chat composite, if the message contains image that's not an ACS image, we will render the image but it will not be clickable to view and download in the ImageOverlay",
+  "packageName": "@azure/communication-react",
+  "email": "107075081+Leah-Xia-Microsoft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-4d49f9ed-9c6e-4d81-9191-9d2bd26c2982.json

@@ -0,0 +1,9 @@
+{
+  "type": "minor",
+  "area": "improvement",
+  "workstream": "InlineImage",
+  "comment": "In the chat composite, if the message contains image that's not an ACS image, we will render the image but it will not be clickable to view and download in the ImageOverlay",
+  "packageName": "@azure/communication-react",
+  "email": "107075081+Leah-Xia-Microsoft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/ChatComposite/ChatScreen.tsx

@@ -309,6 +309,15 @@ export const ChatScreen = (props: ChatScreenProps): JSX.Element => {
       inlineImage: InlineImage,
       defaultOnRender: (inlineImage: InlineImage) => JSX.Element
     ): JSX.Element => {
+      const message = adapter.getState().thread.chatMessages[inlineImage.messageId];
+      const attachments = message?.content?.attachments?.find(
+        (attachment) => attachment.id === inlineImage.imgAttrs.id
+      );
+
+      if (attachments === undefined) {
+        return defaultOnRender(inlineImage);
+      }
+
       return (
         <span
           key={inlineImage.imgAttrs.id}