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 (
+
+
+
+
+
+
+ }} />
+ |
+
+
+
+
+ |
+
+
+ );
+}
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}) {
-
-
-
-
-
-
- }} />
- |
-
-
-
-
- |
-
-
+
);
}
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'
}
};