mirror of https://github.com/kremalicious/blog.git
38 lines
847 B
TypeScript
38 lines
847 B
TypeScript
import React, { ReactElement } from 'react'
|
|
import Icon from '../atoms/Icon'
|
|
import * as styles from './Networks.module.css'
|
|
|
|
function NetworkIcon({ link }: { link: string }) {
|
|
let IconComp
|
|
|
|
if (link.includes('twitter')) {
|
|
IconComp = <Icon name="Twitter" />
|
|
} else if (link.includes('github')) {
|
|
IconComp = <Icon name="GitHub" />
|
|
} else if (link.includes('feed.xml')) {
|
|
IconComp = <Icon name="Rss" />
|
|
} else if (link.includes('feed.json')) {
|
|
IconComp = <Icon name="Jsonfeed" />
|
|
} else {
|
|
return null
|
|
}
|
|
|
|
return IconComp
|
|
}
|
|
|
|
export default function IconLinks({
|
|
links
|
|
}: {
|
|
links: string[]
|
|
}): ReactElement {
|
|
return (
|
|
<p>
|
|
{links.map((link: string) => (
|
|
<a key={link} className={styles.link} href={link} title={link}>
|
|
<NetworkIcon link={link} />
|
|
</a>
|
|
))}
|
|
</p>
|
|
)
|
|
}
|