Merge pull request #37 from mavka-org/main

minor fixes

src/components/content/ContentInfoBlock.js

@@ -10,6 +10,7 @@ const useStyles = props => makeStyles(theme => ({
     width:"100%",
     padding: theme.spacing(2),
     backgroundColor: get(theme.palette, props.color),
+    borderRadius: theme.shape.borderRadius
   },
 
 }));

src/components/elements/Link.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import MuiLink from '@material-ui/core/Link';
+
+const useStyles = props => makeStyles( theme => ({
+  root: {
+  }
+}));
+
+export function Link({ children, style, ...props }){
+  const classes = useStyles(props)();
+  const classNames = `${classes.root} ${props.className}`;
+  return (
+      <MuiLink {...props} style={style} className={classNames}>
+        {children}
+      </MuiLink>
+  );
+}
+
+export default Link;

src/stories/elements/Link.stories.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+import Link from '../../components/elements/Link';
+import { Typography } from '@material-ui/core';
+
+export default {
+  title: 'Elements/Link',
+  component: Link
+};
+
+
+export const Default = () => <Typography><Link href='https://google.com' target='_blank'>This is a Default Link for style and external links/new tab.</Link></Typography>

src/themes/PurpleTheme.js

@@ -143,7 +143,7 @@ const theme = {
   overrides: {
     MuiLink: {
       root:{
-        "text-decoration":'none !important'
+        "text-decoration":'underline !important'
       }
     },
   },