Add link to twitter

Author: rvsia

packages/react-renderer-demo/src/app/src/components/common/twitter-svg-icon.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const TwitterIcon = props => (
+  <svg { ...props } viewBox="0 0 24 24" aria-hidden="true" role="presentation">
+    <path fill="#1da1f2" d="M23.643 4.937c-.835.37-1.732.62-2.675.733a4.67 4.67 0 0 0 2.048-2.578 9.3 9.3 0 0 1-2.958 1.13 4.66 4.66 0 0 0-7.938 4.25 13.229 13.229 0 0 1-9.602-4.868c-.4.69-.63 1.49-.63 2.342A4.66 4.66 0 0 0 3.96 9.824a4.647 4.647 0 0 1-2.11-.583v.06a4.66 4.66 0 0 0 3.737 4.568 4.692 4.692 0 0 1-2.104.08 4.661 4.661 0 0 0 4.352 3.234 9.348 9.348 0 0 1-5.786 1.995 9.5 9.5 0 0 1-1.112-.065 13.175 13.175 0 0 0 7.14 2.093c8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602a9.47 9.47 0 0 0 2.323-2.41z"></path>
+  </svg>
+);
+
+export default TwitterIcon;

packages/react-renderer-demo/src/app/src/components/footer.js

@@ -13,6 +13,7 @@ import Typography from '@material-ui/core/Typography';
 
 import GhIcon from './common/gh-svg-icon';
 import NpmSvgIcon from './common/npm-svg-icon';
+import TwitterIcon from './common/twitter-svg-icon';
 
 const RepoLink = ({ href, label }) => {
   const classes = makeStyles(theme => ({
@@ -97,12 +98,17 @@ const Footer = ({ open }) => {
           <Grid xs={ 12 } md={ 4 } item>
             <Paper elevation={ 0 } className={ classes.foooterCard }>
               <List
-                subheader={ <ListSubheader className={ classes.listHeader }>Links to &nbsp; <SvgIcon><GhIcon /></SvgIcon></ListSubheader> }
+                subheader={ <ListSubheader className={ classes.listHeader }>Link to &nbsp; <SvgIcon><GhIcon /></SvgIcon></ListSubheader> }
               >
                 <RepoLink
                   href="https://github.com/data-driven-forms/react-forms"
                   label="React forms"
                 />
+                <ListSubheader className={ classes.listHeader }>Link to &nbsp; <SvgIcon><TwitterIcon /></SvgIcon></ListSubheader>
+                <RepoLink
+                  href="https://twitter.com/DataDrivenForms"
+                  label="@DataDrivenForms"
+                />
               </List>
               <List
                 subheader={ <ListSubheader className={ classes.listHeader }>Links to &nbsp; <SvgIcon><NpmSvgIcon /></SvgIcon></ListSubheader> }