From 41845ffe5e282c07b3c4cdea56607f1668c636bd Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sat, 31 Aug 2024 14:34:10 +0430
Subject: [PATCH] style: remove animation on change

---
 .../modals/breathing/exercise/exercise.tsx    | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/src/components/modals/breathing/exercise/exercise.tsx b/src/components/modals/breathing/exercise/exercise.tsx
index 56e1762..3920b27 100644
--- a/src/components/modals/breathing/exercise/exercise.tsx
+++ b/src/components/modals/breathing/exercise/exercise.tsx
@@ -1,8 +1,7 @@
 import { useState, useEffect, useMemo, useCallback } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
+import { motion } from 'framer-motion';
 
 import { padNumber } from '@/helpers/number';
-import { fade } from '@/lib/motion';
 
 import styles from './exercise.module.css';
 
@@ -93,8 +92,6 @@ export function Exercise() {
     return () => clearInterval(interval);
   }, []);
 
-  const variants = fade();
-
   return (
     <>
       <div className={styles.exercise}>
@@ -108,19 +105,7 @@ export function Exercise() {
           key={selectedExercise}
           variants={animationVariants}
         />
-
-        <AnimatePresence initial={false} mode="wait">
-          <motion.p
-            animate="show"
-            className={styles.phase}
-            exit="hidden"
-            initial="hidden"
-            key={PHASE_LABELS[currentPhase]}
-            variants={variants}
-          >
-            {PHASE_LABELS[currentPhase]}
-          </motion.p>
-        </AnimatePresence>
+        <p className={styles.phase}>{PHASE_LABELS[currentPhase]}</p>
       </div>
 
       <div className={styles.selectWrapper}>