Chat ui bug fix (#9466)

* Feature 🚀 : Ability to delete messages in chat channels

- Sending message ID to frontend
- Deleting Message
- Use pusher to delete message realtime

* Minor Bug 🐞: Show message action only for current user

- User can delete or edit their own messages

* Test cases added

* Bug 🐞: Update message id for receiver

Message id was not sent to receiver by pusher

* Refactoring🛠: Message controller refactoring

* Test Cases📝 : Specs for Delete message added

* Feature 🚀 : Ability to edit messages

* Test Cases📝 : Specs for Edit message added

* Merge conflict resolved

* fix chat ui height

* fix no console

Co-authored-by: Sarthak Sharma <7lovesharma7@gmail.com>

app/assets/stylesheets/chat.scss

@@ -12,7 +12,14 @@
 }
 
 .live-chat {
-  height: calc(100 * var(--vh) - var(--header-height));
+  /* height: calc(100vh - 56px); */
+
+  &.live-chat--iossafari {
+    height: calc(100vh - 56px);
+  }
+
+  overflow-y: hidden;
+  /* height: calc(100 * var(--vh) - var(--header-height)); */
 }
 
 .live-chat {
@@ -26,6 +33,10 @@
   position: relative;
   overflow-x: hidden;
   overflow-y: hidden;
+
+  &.chat--iossafari {
+    height: 100%;
+  }
 }
 
 .chat__channels {

bin/__tests__/generate-css-utility-classes-docs.test.js

@@ -23,6 +23,7 @@ function getStorybookFilePath(cssProperty) {
 
 describe('generateUtilityClassesDocumentation', () => {
   beforeEach(() => {
+    // eslint-disable-next-line no-console
     console.log = jest.fn();
   });
 

bin/generate-css-utility-classes-docs.js

@@ -145,12 +145,14 @@ async function generateUtilityClassesDocumentation(
   styleSheet,
   fileWriter = file.writeFile,
 ) {
+  // eslint-disable-next-line no-console
   console.log('Grouping stylesheet rules by CSS property');
   const rulesForStorybook = groupCssRulesByCssProperty(styleSheet.cssRules);
 
   for (const [cssProperty, cssRules] of Object.entries(rulesForStorybook)) {
     const storybookContent = generateUtilityClassStories(cssProperty, cssRules);
 
+    // eslint-disable-next-line no-console
     console.log(
       `Persisting Storybook stories for CSS utility classes related to the ${cssProperty} property.`,
     );
@@ -165,9 +167,11 @@ async function generateUtilityClassesDocumentation(
 }
 
 async function generateDocumentation() {
+  // eslint-disable-next-line no-console
   console.log('Ensuring the auto-generated Storybook folder exists.');
 
   if (!(await folderExists(GENERATED_STORIES_FOLDER))) {
+    // eslint-disable-next-line no-console
     console.log(
       'The auto-generated Storybook folder does not exist. Creating it.',
     );
@@ -179,6 +183,7 @@ async function generateDocumentation() {
     'config/_generator.scss',
   );
 
+  // eslint-disable-next-line no-console
   console.log(`Generating the style sheet for ${utilityClassesFilename}`);
 
   try {

package.json

@@ -101,7 +101,6 @@
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.5.2",
     "babel-loader": "^8.1.0",
-    "canvas": "^2.6.1",
     "css-loader": "^4.3.0",
     "cssom": "^0.4.4",
     "eslint": "^7.11.0",
@@ -144,6 +143,7 @@
     "ahoy.js": "^0.3.7",
     "autoprefixer": "^9.8.6",
     "babel-preset-preact": "^2.0.0",
+    "canvas": "^2.6.1",
     "chart.js": "^2.9.3",
     "clipboard-polyfill": "^3.0.1",
     "core-js": "3",