Add donations button

packages/webapp/lang/de.json

@@ -500,5 +500,14 @@
     },
     "label.title": {
         "defaultMessage": "Etikett hinzufügen"
+    },
+    "footer.donations": {
+        "defaultMessage": "Spenden"
+    },
+    "footer.support": {
+        "defaultMessage": "Unterstützt"
+    },
+    "footer.team": {
+        "defaultMessage": "Ausrüstung"
     }
 }

packages/webapp/lang/en.json

@@ -167,6 +167,15 @@
   "footer.others": {
     "defaultMessage": "Others"
   },
+  "footer.support": {
+    "defaultMessage": "Support"
+  },
+  "footer.team": {
+    "defaultMessage": "Our Team"
+  },
+  "footer.donations": {
+    "defaultMessage": "Donations"
+  },
   "footer.termsandconditions": {
     "defaultMessage": "Term And Conditions"
   },

packages/webapp/lang/es.json

@@ -141,7 +141,16 @@
         "defaultMessage": "El export a formatos de imagen (SVG, PNG, JPEG, PDF) solo está disponible en la barra de herramientas del editor."
     },
     "footer.aboutus": {
-        "defaultMessage": "Sobre nosotros"
+        "defaultMessage": "Sobre Nosotros"
+    },
+    "footer.donations": {
+        "defaultMessage": "Donaciones"
+    },
+    "footer.support": {
+        "defaultMessage": "Soporte"
+    },
+    "footer.team": {
+        "defaultMessage": "Equipo"
     },
     "footer.contactus": {
         "defaultMessage": "Contáctenos"

packages/webapp/lang/fr.json

@@ -500,5 +500,14 @@
     },
     "label.title": {
         "defaultMessage": "Ajouter une étiquette"
+    },
+    "footer.donations": {
+        "defaultMessage": "Des dons"
+    },
+    "footer.support": {
+        "defaultMessage": "Service"
+    },
+    "footer.team": {
+        "defaultMessage": "Equipe"
     }
 }

packages/webapp/lang/ru.json

@@ -473,5 +473,14 @@
     },
     "editor.try-welcome-description": {
         "defaultMessage": "Зарегистрируйтесь, чтобы создавать, делиться и публиковать майнд-карты бесплатно и без ограничений!"
+    },
+    "footer.donations": {
+        "defaultMessage": "Пожертвования"
+    },
+    "footer.support": {
+        "defaultMessage": "Услуги"
+    },
+    "footer.team": {
+        "defaultMessage": "команда"
     }
 }

packages/webapp/lang/zh.json

@@ -500,5 +500,14 @@
   },
   "share.message": {
     "defaultMessage": "消息"
+  },
+  "footer.support": {
+    "defaultMessage": "支持"
+  },
+  "footer.team": {
+    "defaultMessage": "学期"
+  },
+  "footer.donations": {
+    "defaultMessage": "捐款"
   }
 }

packages/webapp/src/compiled-lang/de.json

@@ -311,6 +311,12 @@
       "value": "Kontaktiere uns"
     }
   ],
+  "footer.donations": [
+    {
+      "type": 0,
+      "value": "Spenden"
+    }
+  ],
   "footer.faq": [
     {
       "type": 0,
@@ -341,6 +347,18 @@
       "value": "Andere"
     }
   ],
+  "footer.support": [
+    {
+      "type": 0,
+      "value": "Unterstützt"
+    }
+  ],
+  "footer.team": [
+    {
+      "type": 0,
+      "value": "Ausrüstung"
+    }
+  ],
   "footer.termsandconditions": [
     {
       "type": 0,

packages/webapp/src/compiled-lang/en.json

@@ -305,6 +305,12 @@
       "value": "Contact Us"
     }
   ],
+  "footer.donations": [
+    {
+      "type": 0,
+      "value": "Donations"
+    }
+  ],
   "footer.faq": [
     {
       "type": 0,
@@ -335,6 +341,18 @@
       "value": "Others"
     }
   ],
+  "footer.support": [
+    {
+      "type": 0,
+      "value": "Support"
+    }
+  ],
+  "footer.team": [
+    {
+      "type": 0,
+      "value": "Our Team"
+    }
+  ],
   "footer.termsandconditions": [
     {
       "type": 0,

packages/webapp/src/compiled-lang/es.json

@@ -296,7 +296,7 @@
   "footer.aboutus": [
     {
       "type": 0,
-      "value": "Sobre nosotros"
+      "value": "Sobre Nosotros"
     }
   ],
   "footer.contactus": [
@@ -305,6 +305,12 @@
       "value": "Contáctenos"
     }
   ],
+  "footer.donations": [
+    {
+      "type": 0,
+      "value": "Donaciones"
+    }
+  ],
   "footer.faq": [
     {
       "type": 0,
@@ -335,6 +341,18 @@
       "value": "Otros"
     }
   ],
+  "footer.support": [
+    {
+      "type": 0,
+      "value": "Soporte"
+    }
+  ],
+  "footer.team": [
+    {
+      "type": 0,
+      "value": "Equipo"
+    }
+  ],
   "footer.termsandconditions": [
     {
       "type": 0,

packages/webapp/src/compiled-lang/fr.json

@@ -303,6 +303,12 @@
       "value": "Nous contacter"
     }
   ],
+  "footer.donations": [
+    {
+      "type": 0,
+      "value": "Des dons"
+    }
+  ],
   "footer.faq": [
     {
       "type": 0,
@@ -333,6 +339,18 @@
       "value": "Autres"
     }
   ],
+  "footer.support": [
+    {
+      "type": 0,
+      "value": "Service"
+    }
+  ],
+  "footer.team": [
+    {
+      "type": 0,
+      "value": "Equipe"
+    }
+  ],
   "footer.termsandconditions": [
     {
       "type": 0,

packages/webapp/src/compiled-lang/ru.json

@@ -305,6 +305,12 @@
       "value": "Контакты"
     }
   ],
+  "footer.donations": [
+    {
+      "type": 0,
+      "value": "Пожертвования"
+    }
+  ],
   "footer.faq": [
     {
       "type": 0,
@@ -335,6 +341,18 @@
       "value": "Прочее"
     }
   ],
+  "footer.support": [
+    {
+      "type": 0,
+      "value": "Услуги"
+    }
+  ],
+  "footer.team": [
+    {
+      "type": 0,
+      "value": "команда"
+    }
+  ],
   "footer.termsandconditions": [
     {
       "type": 0,

packages/webapp/src/compiled-lang/zh.json

@@ -305,6 +305,12 @@
       "value": "联系我们"
     }
   ],
+  "footer.donations": [
+    {
+      "type": 0,
+      "value": "捐款"
+    }
+  ],
   "footer.faq": [
     {
       "type": 0,
@@ -335,6 +341,18 @@
       "value": "其它"
     }
   ],
+  "footer.support": [
+    {
+      "type": 0,
+      "value": "支持"
+    }
+  ],
+  "footer.team": [
+    {
+      "type": 0,
+      "value": "学期"
+    }
+  ],
   "footer.termsandconditions": [
     {
       "type": 0,

packages/webapp/src/components/layout/footer/index.tsx

@@ -16,6 +16,11 @@ const Footer = (): React.ReactElement => {
                 <h4>
                     <FormattedMessage id="footer.faqandhelp" defaultMessage="Help & FAQ" />
                 </h4>
+                <div>
+                    <a href="https://www.wisemapping.com/aboutus.html">
+                        <FormattedMessage id="footer.aboutus" defaultMessage="About Us" />
+                    </a>
+                </div>
                 <div>
                     <a href="https://www.wisemapping.com/faq.html">
                         <FormattedMessage id="footer.faq" defaultMessage="F.A.Q." />
@@ -29,9 +34,24 @@ const Footer = (): React.ReactElement => {
                         />
                     </a>
                 </div>
+            </div>
+            <div>
+                <h4>
+                    <FormattedMessage id="footer.contactus" defaultMessage="Contact Us" />
+                </h4>
+                <div>
+                    <a href="mailto:support@wisemapping.com">
+                        <FormattedMessage id="footer.support" defaultMessage="Support" />
+                    </a>
+                </div>
+                <div>
+                    <a href="mailto:feedback@wisemapping.com">
+                        <FormattedMessage id="footer.feedback" defaultMessage="Feedback" />
+                    </a>
+                </div>
                 <div>
                     <a href="mailto:team@wisemapping.com">
-                        <FormattedMessage id="footer.contactus" defaultMessage="Contact Us" />
+                        <FormattedMessage id="footer.team" defaultMessage="Our Team" />
                     </a>
                 </div>
             </div>
@@ -40,13 +60,11 @@ const Footer = (): React.ReactElement => {
                     <FormattedMessage id="footer.others" defaultMessage="Others" />
                 </h4>
                 <div>
-                    <a href="https://www.wisemapping.com/aboutus.html">
+                    <a href="https://www.paypal.com/donate/?hosted_button_id=CF7GJ7T6E4RS4">
-                        <FormattedMessage id="footer.aboutus" defaultMessage="About Us" />
+                        <FormattedMessage
-                    </a>
+                            id="footer.donations"
-                </div>
+                            defaultMessage="Donations"
-                <div>
+                        />
-                    <a href="mailto:feedback@wisemapping.com">
-                        <FormattedMessage id="footer.feedback" defaultMessage="Feedback" />
                     </a>
                 </div>
                 <div>

packages/webapp/src/components/layout/footer/styled.ts

@@ -4,10 +4,10 @@ import styled from 'styled-components';
 export const StyledFooter = styled.footer`
     height: 250px;
     margin-top: 80px;
-    padding: 60px 40px 10px 50px;
+    padding: 30px 40px 10px 50px;
     background-color: #f9a826;
     display: grid;
-    grid-template-columns: 200px 1fr 1fr 3fr;
+    grid-template-columns: 200px 1fr 1fr  1fr 3fr;
 
     & a {
         font-size: 14px;
@@ -34,9 +34,12 @@ export const StyledFooter = styled.footer`
     & div:nth-child(3) {
         grid-column: 3;
     }
-
     & div:nth-child(4) {
         grid-column: 4;
+    }
+
+    & div:nth-child(5) {
+        grid-column: 5;
         text-align: right;
         display: inline-block;
         visibility: visible;