refactor: footer and icons in genetics

apps/genetics/package.json

@@ -11,11 +11,11 @@
     "@clampy-js/react-clampy": "^1.2.0",
     "@ebi-gene-expression-group/expression-atlas-heatmap-highcharts": "^5.4.1-beta1",
     "@fontsource/inter": "^4.5.1",
-    "@fortawesome/fontawesome-svg-core": "^1.2.29",
-    "@fortawesome/free-brands-svg-icons": "^5.15.3",
-    "@fortawesome/free-regular-svg-icons": "^5.15.1",
-    "@fortawesome/free-solid-svg-icons": "^5.13.1",
-    "@fortawesome/react-fontawesome": "^0.1.11",
+    "@fortawesome/fontawesome-svg-core": "^6.1.1",
+    "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/free-regular-svg-icons": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@material-ui/core": "^4.9.11",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.50",

apps/genetics/src/App.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router, Route } from 'react-router-dom';
 import { ApolloProvider } from '@apollo/client';
-import { OtUiThemeProvider } from './ot-ui-components';
+import { ThemeProvider } from 'ui';
 
 import client from './client';
 import HomePage from './pages/HomePage/index';
@@ -15,7 +15,7 @@ import ImmunobasePage from './pages/ImmunobasePage';
 
 const App = () => (
   <ApolloProvider client={client}>
-    <OtUiThemeProvider>
+    <ThemeProvider>
       <Router>
         <React.Fragment>
           <Route exact path="/" component={HomePage} />
@@ -31,7 +31,7 @@ const App = () => (
           <Route path="/immunobase" component={ImmunobasePage} />
         </React.Fragment>
       </Router>
-    </OtUiThemeProvider>
+    </ThemeProvider>
   </ApolloProvider>
 );
 

apps/genetics/src/constants.js

@@ -1,3 +1,12 @@
+import { faBook, faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import {
+  faDiscourse,
+  faTwitterSquare,
+  faLinkedin,
+  faGithubSquare,
+  faYoutubeSquare,
+} from '@fortawesome/free-brands-svg-icons';
+
 import { contactUrl as contactUrlConfig } from './configuration';
 import config from './config';
 
@@ -73,36 +82,26 @@ export const externalLinks = {
   help: [
     {
       label: 'Documentation',
-      iconClasses: 'fa fa-book',
+      icon: faBook,
       url: 'https://genetics-docs.opentargets.org',
     },
     {
       label: 'Community',
-      iconClasses: 'fab fa-discourse',
-      url: 'https://community.opentargets.org/',
+      icon: faDiscourse,
+      url: 'https://community.opentargets.org',
+      external: true,
     },
     {
       label: '[email protected]',
-      iconClasses: 'fa fa-envelope',
-      url: 'mailto:[email protected]',
+      icon: faEnvelope,
+      url: `mailto:[email protected]`,
+      external: true,
     },
   ],
   social: [
-    {
-      iconClasses: 'fab fa-twitter-square',
-      url: 'http://twitter.com/opentargets',
-    },
-    {
-      iconClasses: 'fab fa-linkedin',
-      url: 'https://www.linkedin.com/company/open-targets/',
-    },
-    {
-      iconClasses: 'fab fa-youtube-square',
-      url: 'https://www.youtube.com/opentargets',
-    },
-    {
-      iconClasses: 'fab fa-github-square',
-      url: 'https://github.com/opentargets',
-    },
+    { icon: faTwitterSquare, url: 'https://twitter.com/opentargets' },
+    { icon: faLinkedin, url: 'https://www.linkedin.com/company/open-targets' },
+    { icon: faYoutubeSquare, url: 'https://www.youtube.com/opentargets' },
+    { icon: faGithubSquare, url: 'https://github.com/opentargets' },
   ],
 };

apps/genetics/src/ot-ui-components/index.js

@@ -5,7 +5,6 @@ export { default as Tab } from '@material-ui/core/Tab';
 
 export { default as Splash } from './components/Splash';
 export { default as Autocomplete } from './components/search/Autocomplete';
-export { default as OtUiThemeProvider } from './components/OtUiThemeProvider';
 export { default as downloadSVG } from './helpers/downloadSVG';
 export { default as downloadPNG } from './helpers/downloadPNG';
 export { default as downloadTable } from './helpers/downloadTable';
@@ -20,9 +19,7 @@ export { default as ModelSchematic } from './components/ModelSchematic';
 export { default as SectionHeading } from './components/SectionHeading';
 export { default as Button } from './components/Button';
 export { default as PlotContainer } from './components/PlotContainer';
-export {
-  default as PlotContainerSection,
-} from './components/PlotContainerSection';
+export { default as PlotContainerSection } from './components/PlotContainerSection';
 export { default as DataCircle } from './components/DataCircle';
 export { default as Tooltip } from '@material-ui/core/Tooltip';
 export { default as Typography } from '@material-ui/core/Typography';
@@ -33,4 +30,3 @@ export { default as PathwaysIcon } from './icons/PathwaysIcon';
 export { default as ExpressionIcon } from './icons/ExpressionIcon';
 export { default as LocusIcon } from './icons/LocusIcon';
 export { default as OverlapIcon } from './icons/OverlapIcon';
-export { default as defaultTheme } from './theme';