d237861ff5
* Use module path aliases * fix broken refactor * path mapping for svgs, style, and remaining places (bonus: lose babel dep) --------- Co-authored-by: keyan <keyan.kousha+huumn@gmail.com>
41 lines
959 B
JavaScript
41 lines
959 B
JavaScript
import GithubIcon from '@/svgs/github-fill.svg'
|
|
import TwitterIcon from '@/svgs/twitter-fill.svg'
|
|
import LightningIcon from '@/svgs/bolt.svg'
|
|
import NostrIcon from '@/svgs/nostr.svg'
|
|
import Button from 'react-bootstrap/Button'
|
|
|
|
export default function LoginButton ({ text, type, className, onClick }) {
|
|
let Icon, variant
|
|
switch (type) {
|
|
case 'twitter':
|
|
Icon = TwitterIcon
|
|
variant = 'twitter'
|
|
break
|
|
case 'github':
|
|
Icon = GithubIcon
|
|
variant = 'dark'
|
|
break
|
|
case 'nostr':
|
|
Icon = NostrIcon
|
|
variant = 'nostr'
|
|
break
|
|
case 'lightning':
|
|
default:
|
|
Icon = LightningIcon
|
|
variant = 'primary'
|
|
break
|
|
}
|
|
|
|
const name = type.charAt(0).toUpperCase() + type.substr(1).toLowerCase()
|
|
|
|
return (
|
|
<Button className={className} variant={variant} onClick={onClick}>
|
|
<Icon
|
|
width={20}
|
|
height={20} className='me-3'
|
|
/>
|
|
{text} {name}
|
|
</Button>
|
|
)
|
|
}
|