From 4043ea7d5730231775402e59790077aff347c43e Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Fri, 15 Dec 2017 17:57:24 +0000
Subject: [PATCH] change CSS classes and i18n

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/components/views/rooms/QuotePreview.js | 11 ++++++-----
 src/i18n/strings/en_EN.json                |  3 ++-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/views/rooms/QuotePreview.js b/src/components/views/rooms/QuotePreview.js
index 2259350cdc..6b30e73a51 100644
--- a/src/components/views/rooms/QuotePreview.js
+++ b/src/components/views/rooms/QuotePreview.js
@@ -17,6 +17,7 @@ limitations under the License.
 import React from 'react';
 import dis from '../../../dispatcher';
 import sdk from '../../../index';
+import { _t } from '../../../languageHandler';
 import RoomViewStore from '../../../stores/RoomViewStore';
 
 function cancelQuoting() {
@@ -60,14 +61,14 @@ export default class QuotePreview extends React.Component {
         const EventTile = sdk.getComponent('rooms.EventTile');
         const EmojiText = sdk.getComponent('views.elements.EmojiText');
 
-        return <div className="mx_Quoting">
-            <div className="mx_Quoting_section">
-                <EmojiText element="div" className="mx_Quoting_header mx_Quoting_title">💬 Quoting</EmojiText>
-                <div className="mx_Quoting_header mx_Quoting_cancel">
+        return <div className="mx_QuotePreview">
+            <div className="mx_QuotePreview_section">
+                <EmojiText element="div" className="mx_QuotePreview_header mx_QuotePreview_title">💬 { _t('Quoting') }</EmojiText>
+                <div className="mx_QuotePreview_header mx_QuotePreview_cancel">
                     <img className="mx_filterFlipColor" src="img/cancel.svg" width="18" height="18"
                          onClick={cancelQuoting} />
                 </div>
-                <div className="mx_Quoting_clear" />
+                <div className="mx_QuotePreview_clear" />
                 <EventTile mxEvent={this.state.event} last={true} tileShape="quote" />
             </div>
         </div>;
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
index d632692e04..db9f1e35e1 100644
--- a/src/i18n/strings/en_EN.json
+++ b/src/i18n/strings/en_EN.json
@@ -939,5 +939,6 @@
     "This process allows you to import encryption keys that you had previously exported from another Matrix client. You will then be able to decrypt any messages that the other client could decrypt.": "This process allows you to import encryption keys that you had previously exported from another Matrix client. You will then be able to decrypt any messages that the other client could decrypt.",
     "The export file will be protected with a passphrase. You should enter the passphrase here, to decrypt the file.": "The export file will be protected with a passphrase. You should enter the passphrase here, to decrypt the file.",
     "File to import": "File to import",
-    "Import": "Import"
+    "Import": "Import",
+    "Quoting": "Quoting"
 }