Commit c47cc2d

committed

Add Twitter icon

1 parent 5cc7131 commit c47cc2dCopy full SHA for c47cc2d

File tree

+16

-2

lines changed

+16

-2

lines changed

Lines changed: 9 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import React from 'react';`
`2`	`2`	`import styled from 'styled-components';`
`3`		`-import { ICON_FACEBOOK } from '../static/icons';`
	`3`	`+import { ICON_TWITTER,ICON_FACEBOOK } from '../static/icons';`
`4`	`4`
`5`	`5`	const FooterContainer = styled.footer`
`6`	`6`	`display: flex;`
@@ -11,10 +11,11 @@ const FooterContainer = styled.footer`
`11`	`11`	`border: 1px solid ${props => props.theme.buttonBackground};`
`12`	`12`	`border-radius: 50%;`
`13`	`13`	`display: inline-flex;`
	`14`	`+ margin: 1rem;`
`14`	`15`	`padding: 0.5rem;`
`15`	`16`
`16`	`17`	`:hover svg,`
`17`		`- :active svg {`
	`18`	`+ :focus svg {`
`18`	`19`	`fill: ${props => props.theme.toggleFillHover};`
`19`	`20`	`}`
`20`	`21`	`}`
@@ -27,6 +28,12 @@ const FooterContainer = styled.footer`
`27`	`28`
`28`	`29`	`const Footer = () => (`
`29`	`30`	`<FooterContainer>`
	`31`	`+ <a`
	`32`	`+ href="https://twitter.com/intent/tweet?url=https://designpatternsgame.com&text=Test%20your%20familiarity%20with%20the%20Gang%20of%20Four%20design%20patterns%20implemented%20in%20JavaScript"`
	`33`	`+ target="_blank"`
	`34`	`+ >`
	`35`	`+ {ICON_TWITTER}`
	`36`	`+ </a>`
`30`	`37`	`<a href="https://www.facebook.com/sharer.php?u=https://designpatternsgame.com/" target="_blank">`
`31`	`38`	`{ICON_FACEBOOK}`
`32`	`39`	`</a>`

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -44,3 +44,10 @@ export const ICON_FACEBOOK = (`
`44`	`44`	`<path d="M19 6h5v-6h-5c-3.86 0-7 3.14-7 7v3h-4v6h4v16h6v-16h5l1-6h-6v-3c0-0.542 0.458-1 1-1z" />`
`45`	`45`	`</svg>`
`46`	`46`	`);`
	`47`	`+`
	`48`	`+export const ICON_TWITTER = (`
	`49`	`+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">`
	`50`	`+ <title>twitter</title>`
	`51`	+ <path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z" />
	`52`	`+ </svg>`
	`53`	`+);`

Comments

(0)