fix: resolve issue with chapterItem opening animation not triggering (#110)

techmannih · JeelRajodiya · web-flow · commit 77c5c6b5d52f · 2024-11-24T13:04:11.000+05:30
* fix: resolve issue with chapterItem opening animation not triggering

* keep animate opacity

---------

Co-authored-by: JeelRajodiya &lt;jeelrajodiyajeel@gmail.com&gt;
diff --git a/app/components/ChapterItem/ChapterItem.tsx b/app/components/ChapterItem/ChapterItem.tsx
@@ -93,7 +93,7 @@ export default function ChapterItem({
           <div>{title}</div>
         </div>
       </button>
-      <Collapse in={isOpen} animateOpacity>
+      <Collapse in={isOpen} unmountOnExit animateOpacity>
         {
           <ul>
             {steps.map((step, stepIndex) => (

Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ export default function ChapterItem({`
`93`	`93`	`<div>{title}</div>`
`94`	`94`	`</div>`
`95`	`95`	`</button>`
`96`		`- <Collapse in={isOpen} animateOpacity>`
	`96`	`+ <Collapse in={isOpen} unmountOnExit animateOpacity>`
`97`	`97`	`{`
`98`	`98`	`<ul>`
`99`	`99`	`{steps.map((step, stepIndex) => (`