This repository has been archived by the owner on May 2, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Story 33 - Chat between Medical Staff/Patient (#169)
* WIP * WIP * #33 css adjustments for chat * WIP * WIP * removed useless import * #33 chatroom refactored * #33 fixed props * #33 messages saving to firebase * #33 package fix * #33 - Fixed Package Lock * #33 implementing chat in medical view * #33 styling chat * #33 styling chat * #33 styling chat * #33 styling and refactor of chat * #33 connected chat with patient * #33 fix medical chat * #33 padding fix * #33 added read/unread status and cloud function * #33 use cloud function for message notification * #33 remove user notifications for conversation entered * #33 fixed tests * #33 fix for build * #33 fix build * Run Cypress on ubuntu-latest * #33 fix console log, added new line to package.json * Disable node.js.yml * Update cypress.yml Co-authored-by: Kris <kristhecanadian101@gmail.com> Co-authored-by: Martin Senécal <martinsenecal2000@gmail.com> Co-authored-by: 64761484+AhmadHashems@users.noreply.github.com <64761484+AhmadHashems@users.noreply.github.com>
- Loading branch information
1 parent
5a110a4
commit 46f289a
Showing
13 changed files
with
434 additions
and
25 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -28,3 +28,4 @@ | |
}, | ||
"private": true | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -95,4 +95,4 @@ | |
"prettier": "^2.5.1", | ||
"prettier-eslint": "^13.0.0" | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,64 @@ | ||
.received{ | ||
display: flex; | ||
align-items: center; | ||
} | ||
.message p{ | ||
margin-right: 5px; | ||
margin-left: 5px; | ||
padding-left: 10px; | ||
padding-right: 10px; | ||
padding-top: 5px; | ||
padding-bottom: 5px; | ||
background: #e5e5e5; | ||
border-radius: 17px; | ||
} | ||
.sent p{ | ||
background: #434ce6; | ||
color:white; | ||
|
||
} | ||
p{ | ||
margin:0px; | ||
margin-bottom: 3px; | ||
margin-right:5px; | ||
} | ||
.no-avatar-spacing{ | ||
margin-bottom: 5px; | ||
} | ||
.sent{ | ||
display: flex; | ||
align-items: center; | ||
flex-direction: row-reverse; | ||
} | ||
.message-input{ | ||
padding: 20px; | ||
width: 100%; | ||
border-radius: 20px; | ||
border-top-right-radius: 0px; | ||
border-top-left-radius: 0; | ||
border: 1px solid transparent; | ||
background: #ffffff; | ||
border-top: 1px solid #e7e7e7; | ||
outline: none; | ||
} | ||
.messages-container{ | ||
border-bottom-right-radius: 0px; | ||
border-bottom-left-radius: 0; | ||
padding-left: 5px; | ||
margin-right: -20px; | ||
padding-right: 25px; | ||
padding-top: 5px; | ||
} | ||
|
||
.send-message-button{ | ||
position:absolute; | ||
background: none; | ||
right:3px; | ||
top:15px; | ||
color: #434ce6; | ||
border:none; | ||
} | ||
|
||
.scroll-to{ | ||
height:5px | ||
} |
Oops, something went wrong.