From 45cc559f479cea4ef16e76128add476aafea97e2 Mon Sep 17 00:00:00 2001
From: Juan Picado <juanpicado19@gmail.com>
Date: Wed, 9 Mar 2022 21:16:03 +0100
Subject: [PATCH] chore: add donate button to redcrossredcrescent on home page

---
 pnpm-lock.yaml                    | 6 ++++++
 website/package.json              | 1 +
 website/src/components/Header.tsx | 7 ++++---
 website/src/css/custom.scss       | 5 +++++
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9bb922884..045f5f190 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1300,6 +1300,7 @@ importers:
       '@material-ui/icons': ^4.11.2
       '@mdx-js/react': ^1.6.22
       '@tsconfig/docusaurus': ^1.0.2
+      classnames: 2.3.1
       clsx: ^1.1.1
       copy-text-to-clipboard: ^3.0.1
       docusaurus-plugin-contributors: workspace:1.0.0
@@ -1326,6 +1327,7 @@ importers:
       '@material-ui/core': 4.12.3_react-dom@17.0.2+react@17.0.2
       '@material-ui/icons': 4.11.2_fced322086cd04afb0b6feec9e866920
       '@mdx-js/react': 1.6.22_react@17.0.2
+      classnames: 2.3.1
       clsx: 1.1.1
       copy-text-to-clipboard: 3.0.1
       docusaurus-plugin-contributors: link:../packages/tools/docusaurus-plugin-contributors
@@ -11783,6 +11785,10 @@ packages:
       isobject: 3.0.1
       static-extend: 0.1.2
 
+  /classnames/2.3.1:
+    resolution: {integrity: sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==}
+    dev: false
+
   /clean-css/4.2.4:
     resolution: {integrity: sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==}
     engines: {node: '>= 4.0'}
diff --git a/website/package.json b/website/package.json
index 706ab1a46..7fed5ab53 100644
--- a/website/package.json
+++ b/website/package.json
@@ -32,6 +32,7 @@
     "@material-ui/icons": "^4.11.2",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.1.1",
+    "classnames": "2.3.1",
     "copy-text-to-clipboard": "^3.0.1",
     "docusaurus-plugin-contributors": "workspace:1.0.0",
     "docusaurus-plugin-sentry": "^1.0.0",
diff --git a/website/src/components/Header.tsx b/website/src/components/Header.tsx
index e5b1d9964..51966a026 100644
--- a/website/src/components/Header.tsx
+++ b/website/src/components/Header.tsx
@@ -4,6 +4,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import React from 'react';
 import { Follow } from 'react-twitter-widgets';
+import cx from 'classnames';
 
 import Command from './Command';
 import styles from './Header.module.scss';
@@ -31,10 +32,10 @@ const Header = (): React.ReactElement => {
               <Translate>GET STARTED</Translate>
             </Link>
             <a
-              href="https://github.com/verdaccio/verdaccio/blob/master/CONTRIBUTING.md"
-              className="link-secondary"
+              href="https://donate.redcrossredcrescent.org/ua/donate/~my-donation?_cv=1"
+              className={cx('link-secondary', 'specialButton')}
             >
-              <Translate>CONTRIBUTE</Translate>
+              <Translate>DONATE</Translate>
             </a>
           </div>
         </div>
diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index a5bff7ff0..4a655629c 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -123,3 +123,8 @@ html[data-theme='dark'] {
 .markdown iframe {
   width: 100%;
 }
+
+.specialButton {
+  background-color:#ffd700;
+  color:  #1595de; 
+}