update partners component

src/presentation/components/partners/partners.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { partners } from './partners_vars';
+import styles from './partners.module.scss';
+
+const electron = window.require('electron');
+
+export function Partners() {
+    return (
+        <div className={styles.root}>
+            {partners.map((partner) => (
+                <button type="button" className="btn" onClick={() => electron.shell.openExternal(partner.url)}>
+                    <img src={partner.image} alt={partner.name} width="180" />
+                </button>
+            ))}
+        </div>
+    );
+}

src/presentation/components/partners/partners.module.scss

@@ -0,0 +1,9 @@
+.root {
+    padding: 10px;
+    display: flex;
+    flex-wrap: wrap;
+
+    button ~ button {
+        margin-left: 16px;
+    }
+}

src/presentation/components/random-partners/partners.js → src/presentation/components/partners/partners_vars.js

@@ -10,6 +10,6 @@ export const partners = [
     {
         image: trade_smart_changelly,
         url: 'https://pro.changelly.com/referral/c8b8074764b01982',
-        name: 'Changelly'
+        name: 'Changelly Pro'
     }
 ];

src/presentation/pages/receive/Receive.js

@@ -8,7 +8,7 @@ import { Scrollbars } from 'react-custom-scrollbars';
 import { saveAs } from 'file-saver';
 import { ReactComponent as IconDownload } from '../../assets/images/fileDownload.svg';
 import { ReactComponent as IconCopy } from '../../assets/images/copy.svg';
-import { RandomPartners } from 'presentation/components/random-partners/random-partners';
+import { Partners } from 'presentation/components/partners/partners';
 const electron = window.require('electron');
 
 function Receive() {
@@ -115,7 +115,7 @@ function Receive() {
                     )}
                 </div>
                 <div className="partnersWrap">
-                    <RandomPartners />
+                    <Partners />
                 </div>
             </Scrollbars>
         </Page>

src/presentation/pages/rewards/activate.js

@@ -13,7 +13,7 @@ import { ActivateContext, ActivateProvider } from './ActivateContext';
 import useModal from 'application/hooks/useModal';
 import { PasswordModal } from 'presentation/components/password-modal/passsword-modal';
 import loader from 'presentation/assets/images/loader.svg';
-import { RandomPartners } from 'presentation/components/random-partners/random-partners';
+import { Partners } from 'presentation/components/partners/partners';
 
 function RewardsActivateComponent() {
     const { wallets, walletCurrent: address } = useContext(WalletContext);
@@ -219,7 +219,7 @@ function RewardsActivateComponent() {
                     <SmartNodeRewardsRoi />
 
                     <div className="partnersWrap">
-                        <RandomPartners />
+                        <Partners />
                     </div>
                 </div>
             )}

src/presentation/pages/send/Send.js

@@ -6,7 +6,7 @@ import loader from 'presentation/assets/images/loader.svg';
 import { Balance } from 'presentation/components/Balance';
 import Page from 'presentation/components/Page';
 import { PasswordModal } from 'presentation/components/password-modal/passsword-modal';
-import { RandomPartners } from 'presentation/components/random-partners/random-partners';
+import { Partners } from 'presentation/components/partners/partners';
 import React, { useContext, useEffect } from 'react';
 import Scrollbars from 'react-custom-scrollbars';
 import MaskedInput from 'react-text-mask';
@@ -266,7 +266,7 @@ function SendComponent() {
                         )}
 
                         <div className="buttonsWrapper">
-                            <RandomPartners />
+                            <Partners />
                             <button type="submit" onClick={() => send()} disabled={!canSend()}>
                                 Send
                             </button>