diff --git a/tumblr-replica/.history/src/apis/globalAPI_20211230231839.js b/tumblr-replica/.history/src/apis/globalAPI_20211230231839.js
new file mode 100644
index 00000000..21a0a978
--- /dev/null
+++ b/tumblr-replica/.history/src/apis/globalAPI_20211230231839.js
@@ -0,0 +1,6 @@
+export const MOCK = 0;
+export const REAL = 1;
+export const SERVICETYPE = ; // Change this to change the source
+export const api = 'http://localhost:8000';
+export const apiR = 'https://api.dev.tumbler.social/api';
+export const apiREAL = 'https://api.dev.tumbler.social/api';
diff --git a/tumblr-replica/.history/src/apis/globalAPI_20211230231842.js b/tumblr-replica/.history/src/apis/globalAPI_20211230231842.js
new file mode 100644
index 00000000..6cf0ba78
--- /dev/null
+++ b/tumblr-replica/.history/src/apis/globalAPI_20211230231842.js
@@ -0,0 +1,6 @@
+export const MOCK = 0;
+export const REAL = 1;
+export const SERVICETYPE = MOCK; // Change this to change the source
+export const api = 'http://localhost:8000';
+export const apiR = 'https://api.dev.tumbler.social/api';
+export const apiREAL = 'https://api.dev.tumbler.social/api';
diff --git a/tumblr-replica/.history/src/apis/globalAPI_20211231101249.js b/tumblr-replica/.history/src/apis/globalAPI_20211231101249.js
new file mode 100644
index 00000000..21a0a978
--- /dev/null
+++ b/tumblr-replica/.history/src/apis/globalAPI_20211231101249.js
@@ -0,0 +1,6 @@
+export const MOCK = 0;
+export const REAL = 1;
+export const SERVICETYPE = ; // Change this to change the source
+export const api = 'http://localhost:8000';
+export const apiR = 'https://api.dev.tumbler.social/api';
+export const apiREAL = 'https://api.dev.tumbler.social/api';
diff --git a/tumblr-replica/.history/src/apis/globalAPI_20211231101252.js b/tumblr-replica/.history/src/apis/globalAPI_20211231101252.js
new file mode 100644
index 00000000..21a0a978
--- /dev/null
+++ b/tumblr-replica/.history/src/apis/globalAPI_20211231101252.js
@@ -0,0 +1,6 @@
+export const MOCK = 0;
+export const REAL = 1;
+export const SERVICETYPE = ; // Change this to change the source
+export const api = 'http://localhost:8000';
+export const apiR = 'https://api.dev.tumbler.social/api';
+export const apiREAL = 'https://api.dev.tumbler.social/api';
diff --git a/tumblr-replica/.history/src/apis/globalAPI_20211231101253.js b/tumblr-replica/.history/src/apis/globalAPI_20211231101253.js
new file mode 100644
index 00000000..e969d34b
--- /dev/null
+++ b/tumblr-replica/.history/src/apis/globalAPI_20211231101253.js
@@ -0,0 +1,6 @@
+export const MOCK = 0;
+export const REAL = 1;
+export const SERVICETYPE = REAL; // Change this to change the source
+export const api = 'http://localhost:8000';
+export const apiR = 'https://api.dev.tumbler.social/api';
+export const apiREAL = 'https://api.dev.tumbler.social/api';
diff --git a/tumblr-replica/.history/src/components/ChatSearchBar/subcomponents/SearchList_20211231160648.jsx b/tumblr-replica/.history/src/components/ChatSearchBar/subcomponents/SearchList_20211231160648.jsx
new file mode 100644
index 00000000..64f2440c
--- /dev/null
+++ b/tumblr-replica/.history/src/components/ChatSearchBar/subcomponents/SearchList_20211231160648.jsx
@@ -0,0 +1,104 @@
+/* eslint-disable operator-linebreak */
+import React from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import {
+ ListItemAvatar,
+ Avatar,
+} from '@material-ui/core';
+import { Box } from '@mui/system';
+import { ListItemButton } from '@mui/material';
+import PropTypes from 'prop-types';
+import {
+ getChatRoomId,
+} from '../../../slices/chatmodule/chatmoduleAPI';
+import {
+ removeAvaterID,
+} from '../../../slices/chatmodule/chatmoduleSlice';
+import { selectUser } from '../../../states/User/UserSlice';
+import '../../ChatListResp/css/ChatListResp.css';
+
+/**
+ * This function is for the ChatList component this component is used
+ * to disply the friends that the user can chat with or search for them for chatting
+ * @method
+ * @param {array} chats chats is an array for the chat participants's info
+ * @returns {*} ChatList componenet
+ */
+function SearchList({ chats }) {
+ console.log(chats);
+ const User = useSelector(selectUser);
+ const dispatch = useDispatch();
+ const newMessagePress1 = useSelector((state) => state.Chat.newmessagepress);
+ const chatBox = useSelector((state) => state.Chat.chatbox);
+ const avatars = useSelector((state) => state.Chat.avatars);
+ return (
+ chats.map((chat) => (
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log()
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log()
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log( User.primaryBlogId)
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log( User.primaryBlogId);
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log( User.primaryBlogId);
+ console.log()
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log( User.primaryBlogId);
+ console.log(chat.friend_id)
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log( User.primaryBlogId);
+ console.log(chat.friend_id);
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id);
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.friend_username}
+
+
+ {`${chat.friend_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+ {chat.text ? (
+
+ {`${chat.blog_username}:${chat.text}`}
+
+ ) : null}
+ {chat.photo ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+ {chat.gif ? (
+
+ {`${chat.blog_username}:sent a post`}
+
+ ) : null}
+
+ )
+ }
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {(blogState.isLoading)
+ ? (
+ )
+ : (
+ (blogState.blogs).map((blog) => (
+
+ ))
+
+ ) }
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+ }
+ >
+
+
+
+
+
+ {newMessagePress1 && }
+
+
+
+
+
+
+
+ {newMessagePress1 &&
}
+
+ {console.log(recentlyFollowed1)}
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ c
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+ 
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log()
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId)
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log()
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id)
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id,)
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id,chat.friend_id)
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id,chat.friend_name)
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id,chat.friend_name);
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ consol
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ console.log(chat)
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ console.log(chat[0])
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ console.log(chats[])
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ console.log(chats[0])
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ console.log(chat)
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+
+
{
+ const newavatars = avatars.filter((el) => chat.friend_id === el.elem.friend_id);
+ console.log(avatars);
+ if (newavatars.length) {
+ dispatch(removeAvaterID(newavatars[0]));
+ } else
+ if ((chatBox.length
+ && chatBox[0].elem.friend_id !== chat.friend_id) || chatBox.length === 0) {
+ console.log(User.primaryBlogId);
+ console.log(chat.friend_id, chat.friend_name);
+ console.log(chat);
+ dispatch(getChatRoomId({
+ blogsID: {
+ from_blog_id: User.primaryBlogId,
+ to_blog_id: newMessagePress1 ? chat.friend_id : chat.friend_id,
+ },
+ User,
+ elem: chat,
+ }));
+ }
+ }}
+ >
+
+
+
+ {
+ newMessagePress1 ? (
+
+
+ {chat.blog_username}
+
+
+ {`${chat.blog_title}`}
+
+
+ ) : (
+
+
+ {chat.friend_username}
+
+
+
+ {`${chat.blog_username} : `}
+
+ {chat.text && (
+
+ {`${chat.text}`}
+
+ )}
+ {chat.photo && (
+
+ sent a Photo
+
+ )}
+
+
+ )
+ }
+
+
+