Function SocialButton

frontend/components/common/SocialButton.tsx:11–27

({ author, className })

  author: IUser
  className?: string
}> = ({ author, className }) => {
  const {
    url: { url, _type },
    name,
  } = author

  const typeMapped = _type === "Other" ? "Website" : _type

  return (
    <Link href={url}>
      <Button className={twMerge(className)}>
        <SocialMediaIcon url={url} />
        View {name}&apos;s {typeMapped}
      </Button>
    </Link>
  )
}

export default SocialButton