diff --git a/src/Components/ShareModal.js b/src/Components/ShareModal.js index 4089314b3fb30149b211bd7b3d83a4e1b016c033..93eb4828efc78e5cf0b8216caa8297d3c5c4331c 100644 --- a/src/Components/ShareModal.js +++ b/src/Components/ShareModal.js @@ -73,7 +73,7 @@ export default function ReportModal (props) { {/*Share to facebook*/} <Grid item xs={4}> - <a + <StyledLink href={"https://www.facebook.com/sharer/sharer.php?u=" + props.link} rel="noreferrer" target="_blank"> @@ -81,12 +81,12 @@ export default function ReportModal (props) { <img src={Facebook} alt="facebook-logo"/> <p>FACEBOOK</p> </ShareButton> - </a> + </StyledLink> </Grid> {/*Share to Twitter*/} <Grid item xs={4}> - <a + <StyledLink href={"https://www.twitter.com/intent/tweet?url=" + props.link} rel="noreferrer" target="_blank"> @@ -94,7 +94,7 @@ export default function ReportModal (props) { <img src={Twitter} alt="twitter-logo"/> <p>TWITTER</p> </ShareButton> - </a> + </StyledLink> </Grid> {/*Get shareable link*/} @@ -242,3 +242,6 @@ const Container = styled.div` height : 100%; } ` +const StyledLink = styled.a` + text-decoration : none; +` \ No newline at end of file