Fixes

src/ig-reel/IGSimpleScene.tsx

@@ -2,7 +2,7 @@
 import { AbsoluteFill, Sequence, interpolate, staticFile, Audio, useCurrentFrame, Easing } from 'remotion';
 import React, { useEffect, useState } from 'react'
 import { RenderUtils } from '../RenderUtils';
-import { Transcript, SectionMedia, OriginalManuscript } from 'common-utils'
+import { Transcript, SectionMedia, OriginalManuscript, IGReelCaptionExtra } from 'common-utils'
 import axios from 'axios';
 import ExcitedSubtitles from '../subtitles/excited_Subtitles';
 import _ from 'lodash';
@@ -237,9 +237,9 @@ export const IGSimpleScene: React.FC<any> = (props: {
       }} className='absolute inset-0'>
         {
           SubtitleComponent ?
-            <SubtitleComponent group={group} word={word} />
+            <SubtitleComponent group={group} word={word} fontSize={(item.extras as IGReelCaptionExtra)?.fontSize} />
             :
-            <ExcitedSubtitles position='center' group={group} word={word} />
+            <ExcitedSubtitles position='center' group={group} word={word} fontSize={(item.extras as IGReelCaptionExtra)?.fontSize} />
         }
       </div>
 

src/subtitles/excited_Subtitles.tsx

@@ -7,8 +7,8 @@ import GeneralSubtitles from './general_Subtitles';
 import { RenderUtils } from '../RenderUtils';
 
 
-const ExcitedSubtitles: React.FC<{ group: Group, word: Word, position: 'start' | 'center' | 'end' }> = ({
-  word, group }) => {
+const ExcitedSubtitles: React.FC<{ group: Group, word: Word, position: 'start' | 'center' | 'end', fontSize: string }> = ({
+  word, group, fontSize }) => {
 
   let frame = useCurrentFrame()
   let rotation = 0
@@ -38,7 +38,9 @@ const ExcitedSubtitles: React.FC<{ group: Group, word: Word, position: 'start' |
       width: '100%', height: '100%',
 
     }}>
-      <GeneralSubtitles style={{
+      <GeneralSubtitles
+        fontSize={fontSize}
+        style={{
         transform: `rotate(${rotation}deg)`,
         justifyContent: 'center',
         alignContent: 'center'

src/subtitles/general_Subtitles.tsx

@@ -6,7 +6,7 @@ import { Group, Word } from '../models/Types';
 import _ from 'lodash'
 
 
-const GeneralSubtitles: React.FC<{ group: Group, word: Word, position: 'start' | 'center' | 'end' }> = ({
+const GeneralSubtitles: React.FC<{ group: Group, word: Word, position: 'start' | 'center' | 'end', fontSize: string }> = ({
   style,
   getHighlightStyle,
   group,