refactor

src/BetweenSegments.jsx

@@ -5,7 +5,7 @@ import { FaTrashAlt, FaSave } from 'react-icons/fa';
 import { mySpring } from './animations';
 import { saveColor } from './colors';
 
-const InverseCutSegment = memo(({ start, end, duration, invertCutSegments }) => (
+const BetweenSegments = memo(({ start, end, duration, invertCutSegments }) => (
   <motion.div
     style={{
       position: 'absolute',
@@ -30,4 +30,4 @@ const InverseCutSegment = memo(({ start, end, duration, invertCutSegments }) =>
   </motion.div>
 ));
 
-export default InverseCutSegment;
+export default BetweenSegments;

src/Timeline.jsx

@@ -5,7 +5,7 @@ import debounce from 'lodash/debounce';
 import { useTranslation } from 'react-i18next';
 
 import TimelineSeg from './TimelineSeg';
-import InverseCutSegment from './InverseCutSegment';
+import BetweenSegments from './BetweenSegments';
 
 
 import { timelineBackground } from './colors';
@@ -250,7 +250,7 @@ const Timeline = memo(({
             })}
 
             {inverseCutSegments.map((seg) => (
-              <InverseCutSegment
+              <BetweenSegments
                 // eslint-disable-next-line react/no-array-index-key
                 key={`${seg.start},${seg.end}`}
                 start={seg.start}