mirror of
https://github.com/supabase/supabase.git
synced 2026-10-10 20:05:06 +03:00
Rahul VaniyaandAlaister Young
4302fddba2
* Update ShareArticleActions.tsx Fixed inaccessible links in Supabase blog by adding aria-label * run formatter --------- Co-authored-by: Alaister Young <a@alaisteryoung.com>
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import Link from 'next/link'
|
|
import { IconLinkedinSolid, IconTwitterX, IconYCombinator } from 'ui'
|
|
|
|
const ShareArticleActions = ({ title, slug }: { title: string; slug: string }) => (
|
|
<div className="mt-4 flex items-center space-x-4">
|
|
<Link
|
|
aria-label="Share on X"
|
|
href={`https://twitter.com/share?text=${title}&url=https://supabase.com/blog/${slug}`}
|
|
target="_blank"
|
|
className="text-foreground-lighter hover:text-foreground"
|
|
>
|
|
<IconTwitterX size={24} />
|
|
</Link>
|
|
|
|
<Link
|
|
aria-label="Share on Linkedin"
|
|
href={`https://www.linkedin.com/shareArticle?url=https://supabase.com/blog/${slug}&title=${title}`}
|
|
target="_blank"
|
|
className="text-foreground-lighter hover:text-foreground"
|
|
>
|
|
<IconLinkedinSolid size={24} />
|
|
</Link>
|
|
<Link
|
|
aria-label="Share on Hacker News"
|
|
href={`https://news.ycombinator.com/submitlink?u=https://supabase.com/blog/${slug}&t=${title}`}
|
|
target="_blank"
|
|
className="text-foreground-lighter hover:text-foreground"
|
|
>
|
|
<IconYCombinator size={24} />
|
|
</Link>
|
|
</div>
|
|
)
|
|
|
|
export default ShareArticleActions
|