From b2d1fdc9c65b83ede6ec7e08094035f56bed93d2 Mon Sep 17 00:00:00 2001
From: Sebastian Velez <sebasvelez@gmail.com>
Date: Fri, 28 Apr 2023 13:28:58 -0500
Subject: [PATCH] Toggle Social Media

---
 src/components/Options.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/Options.tsx b/src/components/Options.tsx
index a0f8107..bce9fce 100644
--- a/src/components/Options.tsx
+++ b/src/components/Options.tsx
@@ -143,6 +143,10 @@ export default function Options(): JSX.Element {
     });
   };
 
+  const toggleSocialMedia = () => {
+    setState({ ...state, trackSocialMedia: !state.trackSocialMedia });
+  };
+
   const loggingStyle = function () {
     if (state.loggingStyle == 'blacklist') {
       return (
@@ -299,11 +303,13 @@ export default function Options(): JSX.Element {
 
             <div className="form-group row">
               <div className="col-lg-10 col-lg-offset-2 space-between align-items-center">
-                <div
-                  onClick={() => setState({ ...state, trackSocialMedia: !state.trackSocialMedia })}
-                >
-                  <input type="checkbox" checked={state.trackSocialMedia} />
-                  <span>Track social media sites</span>
+                <div>
+                  <input
+                    type="checkbox"
+                    checked={state.trackSocialMedia}
+                    onChange={toggleSocialMedia}
+                  />
+                  <span onClick={toggleSocialMedia}>Track social media sites</span>
                 </div>
                 <button
                   type="button"