chat style

hedonicadapter · Oct 28, 2022 · d857879 · d857879
1 parent b0969bf
commit d857879
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/client/src/components/ChatBox.module.css b/client/src/components/ChatBox.module.css
@@ -62,6 +62,7 @@
   padding-bottom: 4px;
   min-height: 22px;
   font-family: inherit;
+  letter-spacing: 1.2px;
 }
 
 .iconContainer {

diff --git a/client/src/components/ConversationBubble.module.css b/client/src/components/ConversationBubble.module.css
@@ -1,11 +1,14 @@
 .conversationText {
   margin: 0px;
-  padding: 10px;
   max-width: 100%;
   word-wrap: break-all;
   white-space: break-spaces;
   text-overflow: ' ';
+  letter-spacing: 1.2px;
   font-size: 0.8em;
+  margin-top: 6px;
+  margin-bottom: 8px;
+  margin-inline: 12px;
 }
 
 .sentTime {
@@ -26,6 +29,6 @@
 }
 
 .bubble {
-  border-radius: 15px;
+  border-radius: 12px;
   margin-right: 10px;
 }
diff --git a/client/src/contexts/FriendsContext.jsx b/client/src/contexts/FriendsContext.jsx
@@ -46,7 +46,7 @@ export function FriendsProvider({ children }) {
   }, [friends]);
 
   useEffect(() => {
-    if (!currentUser?.accessToken) return;
+    if (!currentUser || !currentUser._id || !currentUser.accessToken) return;
 
     getFriends();
     getConversations();