Update ShareArticleActions.tsx Fixed inaccessible links in blog (#18879)

* Update ShareArticleActions.tsx Fixed inaccessible links in Supabase blog by adding aria-label

* run formatter

---------

Co-authored-by: Alaister Young <a@alaisteryoung.com>
This commit is contained in:
Rahul VaniyaandAlaister Young authored and GitHub committed 2023-11-13 06:37:59 +00:00
1 parent 70e379eb6a
commit 4302fddba2
1 file changed
+3
@@ -4,6 +4,7 @@ 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"
@@ -12,6 +13,7 @@ const ShareArticleActions = ({ title, slug }: { title: string; slug: string }) =
</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"
@@ -19,6 +21,7 @@ const ShareArticleActions = ({ title, slug }: { title: string; slug: string }) =
<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"