From cc600f2ccd90bc3a40681139d0bf9789c5eb44a8 Mon Sep 17 00:00:00 2001
From: Dani Levy <dlevy@unca.edu>
Date: Mon, 16 Dec 2024 14:42:17 -0600
Subject: [PATCH] Popup working both ways

---
 src/components/PractitionerPane.jsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/PractitionerPane.jsx b/src/components/PractitionerPane.jsx
index 859f969..52b3830 100644
--- a/src/components/PractitionerPane.jsx
+++ b/src/components/PractitionerPane.jsx
@@ -166,13 +166,24 @@ function PractitionerHeader({ strTrained, practitioner, poppedPractitioner, setP
         <Box sx={{ width: '100%', display: 'flex', justifyContent: 'center' }}>
           <StrTrainedBadge isTrained={strTrained} />
         </Box>
+
+        {/* Display popup with hover events depending on if it's mobile or desktop */}
+        <ProfilePopper
+          headerRef={headerRef}
+          practitioner={practitioner}
+          poppedPractitioner={poppedPractitioner}
+          setPoppedPractitioner={setPoppedPractitioner}
+          sx ={{display: { xs: 'inherit', md: 'none' }}}
+        />
+
         <ProfilePopper
           headerRef={headerRef}
           practitioner={practitioner}
           poppedPractitioner={poppedPractitioner}
           setPoppedPractitioner={setPoppedPractitioner}
-          // onMouseEnter={handleMouseEnter}
-          // onMouseLeave={handleMouseLeave}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+          sx ={{display: { xs: 'none', md: 'inherit' }}}
         />
 
         <Button