Merge pull request #23 from nemac/popup

Popup working both ways
nemac · Dec 16, 2024 · 49cd22d · 49cd22d
2 parents 00b2956 + cc600f2
commit 49cd22d
Showing 1 changed file with 13 additions and 2 deletions.
diff --git 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