Fix rename of files and folders from 'Ferdi' to 'Ferdium'

1 files changed, 86 insertions, 0 deletions

diff --git a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
new file mode 100644
index 000000000..16f3149b6
--- /dev/null
+++ b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
@@ -0,0 +1,86 @@
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  headline: {
+    id: 'settings.supportFerdium.headline',
+    defaultMessage: 'About Ferdium',
+  },
+  aboutIntro: {
+    id: 'settings.supportFerdium.aboutIntro',
+    defaultMessage: 'Special thanks goes to these awesome people:',
+  },
+  about: {
+    id: 'settings.supportFerdium.about',
+    defaultMessage: 'The development of Ferdium is done by contributors. People who use Ferdium like you. They maintain, fix, and improve Ferdium in their spare time.',
+  }
+});
+
+const SupportFerdiumDashboard = () => {
+  const intl = useIntl();
+
+  return (
+    <div className="settings__main">
+      <div className="settings__header">
+        <span className="settings__header-item">
+          {intl.formatMessage(messages.headline)}
+        </span>
+      </div>
+      <div className="settings__body">
+        <div>
+          <p className="settings__support-badges">
+            <a
+              href="https://twitter.com/ferdiumteam/"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <img
+                alt="Twitter Follow"
+                src="https://img.shields.io/twitter/follow/ferdiumteam?label=Follow&style=social"
+              />
+            </a>
+            <a
+              href="https://github.com/ferdium/ferdium-app"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <img
+                alt="GitHub Stars"
+                src="https://img.shields.io/github/stars/ferdium/ferdium-app?style=social"
+              />
+            </a>
+            <a target="_blank" href="https://crowdin.com/project/ferdium">
+              <img src="https://badges.crowdin.net/ferdium/localized.svg" alt="Crowdin"/>
+            </a>
+            <a
+              href="https://opencollective.com/ferdium#section-contributors"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <img
+                alt="Open Collective backers"
+                src="https://img.shields.io/opencollective/backers/ferdium?logo=open-collective"
+              />
+            </a>
+          </p>
+          <p>{intl.formatMessage(messages.aboutIntro)}</p>
+          <p>
+            <a
+              href="https://github.com/ferdium/ferdium-app#contributors-"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <img
+                alt="GitHub contributors (non-exhaustive)"
+                width="100%"
+                src="https://opencollective.com/ferdium/contributors.svg?width=600&avatarHeight=42&button=off"
+              />
+            </a>
+          </p>
+          <p className="settings__message">{intl.formatMessage(messages.about)}</p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SupportFerdiumDashboard;