fix: lettering capitalization in TOC

Signed-off-by: rishabhsharma1997 <[email protected]>
layer5io · Aug 9, 2024 · b3dcbfa · b3dcbfa
1 parent ecbedd1
commit b3dcbfa
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/custom/TOCChapter/TOCChapter.tsx b/src/custom/TOCChapter/TOCChapter.tsx
@@ -9,10 +9,11 @@ interface TOCProps {
 
 const TOC: React.FC<TOCProps> = ({ availableChapters, currentChapter, onClick }) => {
   const reformatTOC = (data: string): string => {
-    let newData = data.split('-').join(' ');
-    const firstLetter = newData.charAt(0).toUpperCase();
-    newData = `${firstLetter}${newData.slice(1)}`;
-    return newData;
+    const words = data.split('-');
+    const formattedString = words
+      .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+      .join(' ');
+    return formattedString;
   };
   return (
     <TOCWrapper>