Check for Button status when navigation happens

Author: w9jds

src/controls/TicketsButton.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { motion, useAnimate } from 'framer-motion';
-import { useNavigation } from 'react-router-dom';
+import { useLocation, useNavigation } from 'react-router-dom';
 import classnames from 'classnames';
 
 import { EventbriteConfig } from 'config/delorean.config';
@@ -10,6 +10,7 @@ import { LocalActivity } from '@mui/icons-material';
 import './TicketsButton.scss';
 
 const TicketButton = () => {
+  const location = useLocation();
   const [scope, animate] = useAnimate();
 
   const [isMobile, setMobile] = useState(false);
@@ -35,6 +36,10 @@ const TicketButton = () => {
     }
   }, [])
 
+  useEffect(() => {
+    onTransitionEvent();
+  }, [location]);
+
   useEffect(() => {
     if (scope.current && isMobile && prev.current.isFooterVisible !== isFooterVisible) {
       if (isFooterVisible) {