From e61eaf8bd9dd04a452ccd591db25eb9a0c06c849 Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Sat, 1 Oct 2016 01:00:52 +0300
Subject: [PATCH] =?UTF-8?q?=D0=92=D1=8B=D0=BD=D0=BE=D1=81=20=D1=84=D1=83?=
 =?UTF-8?q?=D1=82=D0=B5=D1=80=D0=B0=20=D0=B2=20=D0=BE=D1=82=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=BD=D0=B5=D0=BD=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/footer/Footer.jsx         | 32 ++++++++++++++++++++++++
 src/components/footer/index.js           |  1 +
 src/components/footer/messages.intl.json |  5 ++++
 src/components/footer/styles.js          | 21 ++++++++++++++++
 src/emails/register/Register.jsx         | 21 ++--------------
 src/emails/register/messages.intl.json   |  5 +---
 src/emails/register/styles.js            | 20 ---------------
 7 files changed, 62 insertions(+), 43 deletions(-)
 create mode 100644 src/components/footer/Footer.jsx
 create mode 100644 src/components/footer/index.js
 create mode 100644 src/components/footer/messages.intl.json
 create mode 100644 src/components/footer/styles.js

diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
new file mode 100644
index 0000000..4da6279
--- /dev/null
+++ b/src/components/footer/Footer.jsx
@@ -0,0 +1,32 @@
+import { Table } from 'components/table';
+import { FormattedMessage as Message } from 'react-intl';
+
+import { BitmapText } from 'components/text';
+
+import styles from './styles';
+
+import messages from './messages.intl.json';
+
+export default function Footer() {
+    return (
+        <Table style={styles.footer}>
+            <tr>
+                <td style={styles.footerText}>
+                    <Message {...messages.footer} values={{
+                        serviceLink:
+                            <a href="https://account.ely.by" style={styles.footerLink}>
+                                <Message {...messages.service_name} />
+                            </a>
+                    }} />
+                </td>
+                <td style={styles.footerLogo}>
+                    <a href="http://ely.by">
+                        <BitmapText message={messages.footer_logo_alt} style={{
+                            verticalAlign: 'middle'
+                        }} />
+                    </a>
+                </td>
+            </tr>
+        </Table>
+    );
+}
diff --git a/src/components/footer/index.js b/src/components/footer/index.js
new file mode 100644
index 0000000..97faaaf
--- /dev/null
+++ b/src/components/footer/index.js
@@ -0,0 +1 @@
+export Footer from './Footer';
diff --git a/src/components/footer/messages.intl.json b/src/components/footer/messages.intl.json
new file mode 100644
index 0000000..92eed43
--- /dev/null
+++ b/src/components/footer/messages.intl.json
@@ -0,0 +1,5 @@
+{
+    "footer": "You have received this message, because this E‑mail was set during registration at the {serviceLink} service. If it wasn't you just delete the message please.",
+    "service_name": "Accounts Ely.by",
+    "footer_logo_alt": "Ely.by - Alternative Minecraft services"
+}
diff --git a/src/components/footer/styles.js b/src/components/footer/styles.js
new file mode 100644
index 0000000..1149428
--- /dev/null
+++ b/src/components/footer/styles.js
@@ -0,0 +1,21 @@
+export default {
+    footer: {
+        background: '#DDD8CE',
+        height: '135px'
+    },
+    footerText: {
+        verticalAlign: 'middle',
+        paddingLeft: '30px',
+        fontSize: '13px',
+        color: '#7A7A7A'
+    },
+    footerLink: {
+        color: '#7A7A7A',
+        textDecoration: 'none',
+        borderBottom: '1px dashed #7A7A7A'
+    },
+    footerLogo: {
+        verticalAlign: 'middle',
+        padding: '0 30px'
+    }
+};
diff --git a/src/emails/register/Register.jsx b/src/emails/register/Register.jsx
index a3c5c39..863a178 100644
--- a/src/emails/register/Register.jsx
+++ b/src/emails/register/Register.jsx
@@ -5,6 +5,7 @@ import { FormattedMessage as Message } from 'react-intl';
 import { Userbar } from 'components/userbar';
 import { Table } from 'components/table';
 import { Header } from 'components/header';
+import { Footer } from 'components/footer';
 import { Button } from 'components/button';
 import { Input } from 'components/input';
 import { BitmapText } from 'components/text';
@@ -162,25 +163,7 @@ export default function Register({username, link, code}) {
                 </Table>
             </div>
 
-            <Table style={styles.footer}>
-                <tr>
-                    <td style={styles.footerText}>
-                        <Message {...messages.footer} values={{
-                            serviceLink:
-                                <a href="https://account.ely.by" style={styles.footerLink}>
-                                    <Message {...messages.service_name} />
-                                </a>
-                        }} />
-                    </td>
-                    <td style={styles.footerLogo}>
-                        <a href="http://ely.by">
-                            <BitmapText message={messages.footer_logo_alt} style={{
-                                verticalAlign: 'middle'
-                            }} />
-                        </a>
-                    </td>
-                </tr>
-            </Table>
+            <Footer />
         </div>
     );
 }
diff --git a/src/emails/register/messages.intl.json b/src/emails/register/messages.intl.json
index 362c689..db6da16 100644
--- a/src/emails/register/messages.intl.json
+++ b/src/emails/register/messages.intl.json
@@ -10,8 +10,5 @@
     "install_our_patch_image": "Install our patch in the game",
     "install_our_patch_text": "You should install our patch to make the Ely.by's skin system working. You can find it at 'Load' section.",
     "use_tlauncher_image": "Use TLauncher",
-    "use_tlauncher_text": "It is much easier, when you use right tool for right purpose. TLauncher is one of the best alternative launchers for the Minecraft, that also has installed Ely.by's support system.",
-    "footer": "You have received this message, because this E‑mail was set during registration at the {serviceLink} service. If it wasn't you just delete the message please.",
-    "service_name": "Accounts Ely.by",
-    "footer_logo_alt": "Ely.by - Alternative Minecraft services"
+    "use_tlauncher_text": "It is much easier, when you use right tool for right purpose. TLauncher is one of the best alternative launchers for the Minecraft, that also has installed Ely.by's support system."
 }
diff --git a/src/emails/register/styles.js b/src/emails/register/styles.js
index b0da64b..3d60761 100644
--- a/src/emails/register/styles.js
+++ b/src/emails/register/styles.js
@@ -50,25 +50,5 @@ export default {
     },
     todoItemText: {
         paddingTop: '3px'
-    },
-
-    footer: {
-        background: '#DDD8CE',
-        height: '135px'
-    },
-    footerText: {
-        verticalAlign: 'middle',
-        paddingLeft: '30px',
-        fontSize: '13px',
-        color: '#7A7A7A'
-    },
-    footerLink: {
-        color: '#7A7A7A',
-        textDecoration: 'none',
-        borderBottom: '1px dashed #7A7A7A'
-    },
-    footerLogo: {
-        verticalAlign: 'middle',
-        padding: '0 30px'
     }
 };