Migrate social_link components
This commit is contained in:
parent
d420097a88
commit
35d4878bb7
6 changed files with 37 additions and 48 deletions
|
@ -1,18 +0,0 @@
|
|||
import react, { ReactNode } from 'react'
|
||||
|
||||
type SocialLinkProps = {
|
||||
icon: ReactNode,
|
||||
url: string,
|
||||
name: string
|
||||
}
|
||||
|
||||
function SocialLink({ icon, url, name }: SocialLinkProps) {
|
||||
return (
|
||||
<a className="social_link" href={url} target="_blank">
|
||||
{icon}
|
||||
<span>{name}</span>
|
||||
</a>
|
||||
)
|
||||
}
|
||||
|
||||
export default SocialLink
|
|
@ -1,13 +0,0 @@
|
|||
.social_links {
|
||||
@apply flex gap-5 justify-center flex-wrap my-5;
|
||||
|
||||
& > .social_link {
|
||||
& > svg {
|
||||
@apply mx-auto scale-150 mb-1;
|
||||
}
|
||||
|
||||
& > span {
|
||||
@apply text-sm;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,16 +0,0 @@
|
|||
import './SocialLinks.scss'
|
||||
import react, { ReactNode } from 'react'
|
||||
|
||||
type SocialLinksProps = {
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
function SocialLinks({ children }: SocialLinksProps) {
|
||||
return (
|
||||
<div className='social_links'>
|
||||
{children}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default SocialLinks
|
Loading…
Add table
Add a link
Reference in a new issue