Add donations button

2024-11-21 22:27:56 +01:00 · 2022-03-15 23:39:37 -03:00 · 2022-03-15 23:39:37 -03:00 · b3843e7f88
commit b3843e7f88
parent 758b156db2
14 changed files with 197 additions and 14 deletions
--- a/packages/webapp/lang/de.json
+++ b/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"
    }
 }
--- a/packages/webapp/lang/en.json
+++ b/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"
  },
--- a/packages/webapp/lang/es.json
+++ b/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"
--- a/packages/webapp/lang/fr.json
+++ b/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"
    }
 }
--- a/packages/webapp/lang/ru.json
+++ b/packages/webapp/lang/ru.json
@ -473,5 +473,14 @@
    },
    "editor.try-welcome-description": {
        "defaultMessage": "Зарегистрируйтесь, чтобы создавать, делиться и публиковать майнд-карты бесплатно и без ограничений!"
+    },
+    "footer.donations": {
+        "defaultMessage": "Пожертвования"
+    },
+    "footer.support": {
+        "defaultMessage": "Услуги"
+    },
+    "footer.team": {
+        "defaultMessage": "команда"
    }
 }
--- a/packages/webapp/lang/zh.json
+++ b/packages/webapp/lang/zh.json
@ -500,5 +500,14 @@
  },
  "share.message": {
    "defaultMessage": "消息"
+  },
+  "footer.support": {
+    "defaultMessage": "支持"
+  },
+  "footer.team": {
+    "defaultMessage": "学期"
+  },
+  "footer.donations": {
+    "defaultMessage": "捐款"
  }
-}
+}
--- a/packages/webapp/src/compiled-lang/de.json
+++ b/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,
--- a/packages/webapp/src/compiled-lang/en.json
+++ b/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,
--- a/packages/webapp/src/compiled-lang/es.json
+++ b/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,
--- a/packages/webapp/src/compiled-lang/fr.json
+++ b/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,
--- a/packages/webapp/src/compiled-lang/ru.json
+++ b/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,
--- a/packages/webapp/src/compiled-lang/zh.json
+++ b/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,
--- a/packages/webapp/src/components/layout/footer/index.tsx
+++ b/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">
-                        <FormattedMessage id="footer.aboutus" defaultMessage="About Us" />
-                    </a>
-                </div>
-                <div>
-                    <a href="mailto:feedback@wisemapping.com">
-                        <FormattedMessage id="footer.feedback" defaultMessage="Feedback" />
+                    <a href="https://www.paypal.com/donate/?hosted_button_id=CF7GJ7T6E4RS4">
+                        <FormattedMessage
+                            id="footer.donations"
+                            defaultMessage="Donations"
+                        />
                    </a>
                </div>
                <div>
--- a/packages/webapp/src/components/layout/footer/styled.ts
+++ b/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;