@@ -7,7 +7,7 @@ import { Settings, Vid } from "./types";
77
88const initialProgress = {
99 processed : 0 ,
10- total : 0
10+ total : 0 ,
1111} ;
1212
1313export const FilesEditor = ( {
@@ -55,7 +55,10 @@ export const FilesEditor = ({
5555 onChange = { async ( evt ) => {
5656 setLoading ( true ) ;
5757 if ( evt . target . files ) {
58- setFilesProgress ( { processed : 0 , total : evt . target . files . length } ) ;
58+ setFilesProgress ( {
59+ processed : 0 ,
60+ total : evt . target . files . length ,
61+ } ) ;
5962 for ( const file of evt . target . files ) {
6063 const src = URL . createObjectURL ( file ) ;
6164 const withoutSpaces = file . name . replace ( / \s / g, "_" ) ;
@@ -73,8 +76,14 @@ export const FilesEditor = ({
7376 settings . height ,
7477 onConfig
7578 ) ;
76- setVids ( prevVids => [ ...prevVids , { file, name, chunks, src } ] ) ;
77- setFilesProgress ( prev => ( { ...prev , processed : prev . processed + 1 } ) ) ;
79+ setVids ( ( prevVids ) => [
80+ ...prevVids ,
81+ { file, name, chunks, src } ,
82+ ] ) ;
83+ setFilesProgress ( ( prev ) => ( {
84+ ...prev ,
85+ processed : prev . processed + 1 ,
86+ } ) ) ;
7887 }
7988 }
8089 evt . target . value = "" ;
@@ -102,7 +111,10 @@ export const FilesEditor = ({
102111 settings . height ,
103112 onConfig
104113 ) ;
105- setFilesProgress ( prev => ( { ...prev , processed : prev . processed + 1 } ) ) ;
114+ setFilesProgress ( ( prev ) => ( {
115+ ...prev ,
116+ processed : prev . processed + 1 ,
117+ } ) ) ;
106118 }
107119 setVids ( [ ...vids ] ) ;
108120 setPreprocessSettings ( settings ) ;
@@ -116,7 +128,9 @@ export const FilesEditor = ({
116128 ) }
117129 { loading && (
118130 < p >
119- < span > Processed { filesProgress . processed } of { filesProgress . total } files</ span >
131+ < span >
132+ Processed { filesProgress . processed } of { filesProgress . total } files
133+ </ span >
120134 < br />
121135 < progress value = { progress } />
122136 </ p >
0 commit comments