always hide social link label in footer (#115)

opentofu · Sep 18, 2023 · 6e34928 · 6e34928
1 parent e2ab8d6
commit 6e34928
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -48,16 +48,19 @@ export default function Footer({ links }: FooterProps) {
           name="github"
           href="https://github.com/opentffoundation/manifesto"
           label="Go to the OpenTF's manifesto GitHub repository"
+          hiddenLabel
         />
         <SocialIconLink
           name="twitter"
           href="https://twitter.com/opentforg"
           label="Follow us on Twitter"
+          hiddenLabel
         />
         <SocialIconLink
           name="slack"
           href="https://join.slack.com/t/slack-9uv6202/shared_invite/zt-22ifsm1t2-AF6cL0cOdzivP8E~4deDJA"
           label="Join us on Slack"
+          hiddenLabel
         />
       </div>
     </footer>

diff --git a/src/components/SocialIconLink/index.tsx b/src/components/SocialIconLink/index.tsx
@@ -1,5 +1,6 @@
 import Link from "@docusaurus/Link";
 import React from "react";
+import clsx from "clsx";
 
 const iconMap = {
   twitter:
@@ -14,12 +15,14 @@ type SocialIconLinkProps = {
   name: keyof typeof iconMap;
   href: string;
   label: string;
+  hiddenLabel?: boolean;
 };
 
 export default function SocialIconLink({
   href,
   name,
   label,
+  hiddenLabel = false,
 }: SocialIconLinkProps) {
   return (
     <Link
@@ -35,7 +38,7 @@ export default function SocialIconLink({
       >
         <path fill="currentColor" d={iconMap[name]} />
       </svg>
-      <span className="inline-flex xl:hidden" aria-hidden>
+      <span className={clsx("inline-flex xl:hidden", hiddenLabel && "hidden")} aria-hidden>
         {label}
       </span>
     </Link>