40 lines
774 B
JavaScript
40 lines
774 B
JavaScript
import React from 'react'
|
|
import asciiWord from "../../functions/ascii-word";
|
|
|
|
const links = [{
|
|
site: 'github',
|
|
url: 'https://github.com'
|
|
},
|
|
{
|
|
site: 'twitter',
|
|
url:'https://twitter.com'
|
|
},
|
|
{
|
|
site: 'telegram',
|
|
url: 'https://telegram.org'
|
|
}]
|
|
|
|
const SocialLink = props => {
|
|
return (
|
|
<a href={props.url} className={' contact-link'}>
|
|
<pre>
|
|
{asciiWord(props.site, 'Nacyj')}
|
|
</pre>
|
|
</a>
|
|
)
|
|
}
|
|
|
|
const Contacts = props => {
|
|
return (
|
|
<ul className={'contacts'}>
|
|
{links.map(link => (
|
|
<li key={link.url}>
|
|
<SocialLink url={link.url} site={link.site}/>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)
|
|
|
|
}
|
|
|
|
export default Contacts |