Dynamically show messaging based on presence of msid BOD-322

client/src/components/chat-affix/chat-affix.container.jsx

@@ -6,27 +6,42 @@ import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import ChatAffixComponent from "./chat-affix.component";
 import { Affix } from "antd";
 import "./chat-affix.styles.scss";
-export default function ChatAffixContainer() {
+
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
+export function ChatAffixContainer({ bodyshop }) {
   const { loading, error, data } = useSubscription(
-    CONVERSATION_LIST_SUBSCRIPTION
+    CONVERSATION_LIST_SUBSCRIPTION,
+    {
+      skip: !bodyshop || (bodyshop && !bodyshop.messagingservicesid),
+    }
   );
+
   if (loading) return <LoadingSpinner />;
-  if (error) return <AlertComponent message={error.message} type='error' />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
   return (
-    <Affix className='chat-affix'>
+    <Affix className="chat-affix">
       <div>
-        <ChatAffixComponent
+        {bodyshop && bodyshop.messagingservicesid ? (
-          conversationList={(data && data.conversations) || []}
+          <ChatAffixComponent
-          unreadCount={
+            conversationList={(data && data.conversations) || []}
-            (data &&
+            unreadCount={
-              data.conversations.reduce((acc, val) => {
+              (data &&
-                return (acc = acc + val.messages_aggregate.aggregate.count);
+                data.conversations.reduce((acc, val) => {
-              }, 0)) ||
+                  return (acc = acc + val.messages_aggregate.aggregate.count);
-            0
+                }, 0)) ||
-          }
+              0
-        />
+            }
+          />
+        ) : null}
       </div>
     </Affix>
   );
 }
+export default connect(mapStateToProps, null)(ChatAffixContainer);

client/src/pages/profile/profile.page.jsx

@@ -6,7 +6,7 @@ export default function ProfilePage() {
   return (
     <div>
       <ProfileMyComponent />
-      <ProfileShopsContainer />;
+      <ProfileShopsContainer />
     </div>
   );
 }