Added logos to footer

config.js

@@ -38,6 +38,7 @@ const config = {
     notarize_max_fee: process.env.NOTARIZE_MAX_FEE ? parseInt(process.env.NOTARIZE_MAX_FEE, 10) : 10,
     notarize_rbf_rate: process.env.NOTARIZE_RBF_RATE ? parseInt(process.env.NOTARIZE_RBF_RATE, 10) : 1,
     discordLink: process.env.DISCORD_LINK || 'https://discord.gg/kVEhkywupg',
+    followLink: process.env.FOLLOW_LINK || 'https://twitter.com/artxmarket',
     issuesLink: process.env.ISSUES_LINK || 'https://github.com/macterra/artx-market/issues',
     helpLink: process.env.HELP_LINK || 'https://github.com/macterra/artx-market/wiki/Getting-Started',
 };

frontend/src/AppFooter.js

@@ -23,16 +23,18 @@ function AppFooter() {
     fetchData();
   }, []);
 
+  const logoStyle = { marginLeft: '10px', height: '32px' };
+
   return (
     <footer className="footer">
       <Button color="inherit" onClick={() => openTab(config.discordLink)}>
-        Join our discord
+        Join our discord <img src="/discord-mark-white.png" alt="Discord" style={logoStyle} />
       </Button>
       <Button color="inherit" onClick={() => openTab(config.issuesLink)}>
-        Report an issue
+        Report an issue <img src="/github-mark-white.png" alt="Github" style={logoStyle} />
       </Button>
-      <Button color="inherit" onClick={() => openTab(config.helpLink)}>
-        Getting started
+      <Button color="inherit" onClick={() => openTab(config.followLink)}>
+        Follow us <img src="/xcom-mark-white.png" alt="X.com" style={logoStyle} />
       </Button>
     </footer>
   );

server.js

@@ -251,6 +251,7 @@ app.get('/api/v1/licenses', async (req, res) => {
 app.get('/api/v1/config', async (req, res) => {
     res.json({
         discordLink: config.discordLink,
+        followLink: config.followLink,
         issuesLink: config.issuesLink,
         helpLink: config.helpLink,
     });