From 2c6484b6caf0ed6d7b9d3d79e8b96108baef0bc2 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Fri, 19 Sep 2025 08:28:15 +0300
Subject: [PATCH] chore: Replace segments string with chapters

---
 .../chapters-editor/client/src/components/EditingTools.tsx    | 4 ++--
 .../client/src/components/TimelineControls.tsx                | 4 ++--
 .../chapters-editor/client/src/hooks/useVideoChapters.tsx     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend-tools/chapters-editor/client/src/components/EditingTools.tsx b/frontend-tools/chapters-editor/client/src/components/EditingTools.tsx
index 9097f1d1..d3c61c37 100644
--- a/frontend-tools/chapters-editor/client/src/components/EditingTools.tsx
+++ b/frontend-tools/chapters-editor/client/src/components/EditingTools.tsx
@@ -55,12 +55,12 @@ const EditingTools = ({
             <div className="flex-container single-row">
                 {/* Left side - Play buttons group */}
                 <div className="button-group play-buttons-group">
-                    {/* Play Segments button */}
+                    {/* Play Chapters button */}
                     <button
                         className={`button segments-button`}
                         onClick={onPlaySegments}
                         data-tooltip={
-                            isPlayingSegments ? 'Stop segments playback' : 'Play segments in one continuous flow'
+                            isPlayingSegments ? 'Stop chapters playback' : 'Play chapters in one continuous flow'
                         }
                         style={{ fontSize: '0.875rem' }}
                     >
diff --git a/frontend-tools/chapters-editor/client/src/components/TimelineControls.tsx b/frontend-tools/chapters-editor/client/src/components/TimelineControls.tsx
index 67164b3d..b90e0ac3 100644
--- a/frontend-tools/chapters-editor/client/src/components/TimelineControls.tsx
+++ b/frontend-tools/chapters-editor/client/src/components/TimelineControls.tsx
@@ -2067,7 +2067,7 @@ const TimelineControls = ({
                     onClick={handleSegmentClick(segment.id)}
                 >
                     <div className="clip-segment-info">
-                        <div className="clip-segment-name">Segment {index + 1}</div>
+                        <div className="clip-segment-name">Chapter {index + 1}</div>
                         <div className="clip-segment-time">
                             {formatTime(segment.startTime)} - {formatTime(segment.endTime)}
                         </div>
@@ -2573,7 +2573,7 @@ const TimelineControls = ({
                     <span className="timeline-title-text">Timeline</span>
                 </div>
                 <div className="duration-time">
-                    Total Segments:{' '}
+                    Total Chapters:{' '}
                     <span>
                         {formatDetailedTime(
                             clipSegments.reduce((sum, segment) => sum + (segment.endTime - segment.startTime), 0)
diff --git a/frontend-tools/chapters-editor/client/src/hooks/useVideoChapters.tsx b/frontend-tools/chapters-editor/client/src/hooks/useVideoChapters.tsx
index 0bc4feab..50a44f4a 100644
--- a/frontend-tools/chapters-editor/client/src/hooks/useVideoChapters.tsx
+++ b/frontend-tools/chapters-editor/client/src/hooks/useVideoChapters.tsx
@@ -890,7 +890,7 @@ const useVideoChapters = () => {
         };
     }, [isPlayingSegments, currentSegmentIndex]);
 
-    // Handle play segments
+    // Handle play chapters
     const handlePlaySegments = () => {
         const video = videoRef.current;
         if (!video || clipSegments.length === 0) return;