From 0d259afb8343068ca66cb86bdfed08770fbb07a4 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sat, 18 Apr 2020 20:34:03 +0800
Subject: [PATCH] fix re-rendering issue

---
 src/SegmentList.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/SegmentList.jsx b/src/SegmentList.jsx
index f2ae5959..135583d0 100644
--- a/src/SegmentList.jsx
+++ b/src/SegmentList.jsx
@@ -56,7 +56,7 @@ const SegmentList = memo(({
     }
   }
 
-  const Segments = () => outSegments.map((seg, index) => {
+  const renderSegments = () => outSegments.map((seg, index) => {
     const duration = seg.end - seg.start;
     const durationMs = duration * 1000;
 
@@ -101,7 +101,7 @@ const SegmentList = memo(({
     );
   });
 
-  const Footer = () => {
+  const renderFooter = () => {
     const { segActiveBgColor: currentSegActiveBgColor } = getSegColors(currentCutSeg);
 
     return (
@@ -163,10 +163,10 @@ const SegmentList = memo(({
           {headerText}
         </div>
 
-        {outSegments && <Segments />}
+        {outSegments && renderSegments()}
       </div>
 
-      {outSegments && <Footer />}
+      {outSegments && renderFooter()}
     </>
   );
 });