From 755406e2a50608fbe396d2722210c33cef8ef8b9 Mon Sep 17 00:00:00 2001
From: "H. Kamran" <hkamran@hkamran.com>
Date: Tue, 12 Nov 2024 16:40:29 -0800
Subject: [PATCH] Fix social notices (#92)

* Use the Facebook and email keys for their buttons

* Move popover object
---
 src/components/table.jsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/table.jsx b/src/components/table.jsx
index bd66e6e..a803db8 100644
--- a/src/components/table.jsx
+++ b/src/components/table.jsx
@@ -85,6 +85,12 @@ function Entry({ name, data }) {
   );
 }
 
+const mfaPopoverConfig = {
+  html: true,
+  sanitize: false,
+  trigger: "hover focus"
+};
+
 function Methods({ methods, customSoftware, customHardware }) {
   useEffect(() => {
     [...document.querySelectorAll('.note')].map((el) => new Popover(el, {
@@ -149,13 +155,6 @@ function CustomMethods({ type, methods }) {
     : <span class="icon-info" title={`Requires proprietary ${type === "hardware" ? "hardware token" : "app/software"}`}></span>;
 }
 
-// Intialize popovers
-const mfaPopoverConfig = {
-  html: true,
-  sanitize: false,
-  trigger: "hover focus"
-};
-
 // Social Media Notices
 /**
  * Alert the user to the privacy implications of posting on social media.
@@ -180,8 +179,8 @@ function Contact({ contact }) {
   return (
     <div aria-label="2FA not supported" className="contact">
       {contact.twitter && (<button className="contact-btn twitter" onClick={() => socialMediaNotice("tweet", lang, contact.twitter)}></button>)}
-      {contact.facebook && (<button className="contact-btn facebook" onClick={() => socialMediaNotice("facebook", lang, contact.twitter)}></button>)}
-      {contact.email && (<button className="contact-btn email" onClick={() => socialMediaNotice("email", lang, contact.twitter)}></button>)}
+      {contact.facebook && (<button className="contact-btn facebook" onClick={() => socialMediaNotice("facebook", lang, contact.facebook)}></button>)}
+      {contact.email && (<button className="contact-btn email" onClick={() => socialMediaNotice("email", lang, contact.email)}></button>)}
       {contact.form && (<button className="contact-btn form" onClick={() => window.open(contact.form, "_blank")}></button>)}
     </div>
   );