Dynamically show messaging based on presence of msid BOD-322

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

@@ -6,16 +6,29 @@ 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>
+        {bodyshop && bodyshop.messagingservicesid ? (
           <ChatAffixComponent
             conversationList={(data && data.conversations) || []}
             unreadCount={
@@ -26,7 +39,9 @@ export default function ChatAffixContainer() {
               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>
   );
 }