Merge pull request #53 from SimformSolutionsPvtLtd/refactor/UNT-T26896_file_rename_and_warning

refactor(UNT-T26896): file rename and react warning

Author: mukesh-simform

example/src/assets/audio/file_example_MP3_1MG.mp3 renamed to example/src/assets/audio/file_example_mp3_1mg.mp3

@@ -41,6 +41,7 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
   const {
     mode,
     path,
+    volume = 3,
     candleSpace = 2,
     candleWidth = 5,
     containerStyle = {},
@@ -93,7 +94,7 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
           path,
           playerKey: `PlayerFor${path}`,
           updateFrequency: UpdateFrequency.medium,
-          volume: 10,
+          volume: volume,
         });
         return Promise.resolve(prepare);
       } catch (err) {

example/src/assets/audio/file_example_MP3_700KB.mp3 renamed to example/src/assets/audio/file_example_mp3_700kb.mp3

@@ -16,6 +16,7 @@ interface BaseWaveform {
 export interface StaticWaveform extends BaseWaveform {
   mode: 'static';
   path: string;
+  volume?: number;
   scrubColor?: string;
   onPlayerStateChange?: (playerState: PlayerState) => void;
   onPanStateChange?: (panMoving: boolean) => void;

src/components/Waveform/Waveform.tsx

@@ -4,7 +4,7 @@ import { Colors } from '../../theme';
 import styles from './WaveformCandleStyles';
 import type { IWaveformCandle } from './WaveformCandleTypes';
 
-export const WaveformCandle = ({
+export const WaveformCandle: React.FC<IWaveformCandle> = ({
   index,
   amplitude,
   parentViewLayout,
@@ -15,8 +15,8 @@ export const WaveformCandle = ({
   currentProgress = 0,
   waveColor,
   scrubColor,
-  candleHeightScale
-}: IWaveformCandle) => {
+  candleHeightScale,
+}) => {
   const maxHeight = (parentViewLayout?.height ?? 0) - 10;
   const completedIndex = (currentProgress / songDuration) * noOfSamples;
 
@@ -43,7 +43,10 @@ export const WaveformCandle = ({
             width: candleWidth,
             marginRight: candleSpace,
             maxHeight,
-            height: (isNaN(amplitude) ? 0 : amplitude) * maxHeight * candleHeightScale, // Adjust the height scale as needed
+            height:
+              (isNaN(amplitude) ? 0 : amplitude) *
+              maxHeight *
+              candleHeightScale, // Adjust the height scale as needed
             minHeight: candleWidth,
             borderRadius: candleWidth,
           },