refactor

src/components/about-modal/about-modal.tsx

@@ -10,7 +10,7 @@ interface IAboutModalProps {
   onClose: () => void;
 }
 
-export default class AboutModal extends React.Component<IAboutModalProps> {
+export class AboutModal extends React.Component<IAboutModalProps> {
   render() {
     const { open, onClose } = this.props;
     return (

src/components/about-modal/index.ts

@@ -1 +1 @@
-export {default} from './about-modal';
+export { AboutModal } from './about-modal';

src/components/button-progress/button-progress.driver.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SinonSpy } from 'sinon';
 import { shallow } from 'enzyme';
 import BaseDriver from '../../../test/base.driver';
-import ButtonProgress, { IButtonProgressProps } from './button-progress';
+import { ButtonProgress, IButtonProgressProps } from './button-progress';
 
 export default class ButtonProgressDriver extends BaseDriver {
   private text: string;

src/components/button-progress/button-progress.tsx

@@ -14,7 +14,7 @@ export interface IButtonProgressState {
   progress: number;
 }
 
-export default class ButtonProgress extends React.Component<IButtonProgressProps, IButtonProgressState> {
+export class ButtonProgress extends React.Component<IButtonProgressProps, IButtonProgressState> {
   private readonly progressDone = 100;
 
   constructor(props) {

src/components/button-progress/index.ts

@@ -1 +1 @@
-export {default} from './button-progress';
+export {ButtonProgress} from './button-progress';

src/components/main.tsx

@@ -8,10 +8,10 @@ import { Video } from './video';
 import { IVideoTask } from 'youtube-mp3-downloader';
 import { isFFMpegInstalled } from '../services/ffmpeg-installer';
 import { Form } from './form';
-import ButtonProgress from './button-progress';
+import { ButtonProgress } from './button-progress';
 import { InstallFFMpeg } from './install-ffmpeg';
 import { ipcRenderer } from '../services/electron-adapter';
-import AboutModal from './about-modal';
+import { AboutModal } from './about-modal';
 
 interface IMainState {
   videos: IVideoEntity[];
@@ -48,6 +48,7 @@ class Main extends React.Component<{}, IMainState> {
     const videos = await fetchVideos(terms);
     this.setState({videos, inProcess: false});
   }
+
   videoIndex = (videoId:  string) => {
     return this.state.videos.findIndex(v => v.id === videoId);
   }
@@ -112,7 +113,7 @@ class Main extends React.Component<{}, IMainState> {
     }
   }
 
-  error = (err, data) => {
+  error = (err) => {
     alert(err);
   }
 

src/components/video.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IVideoEntity, EVideoStatus } from '../types';
-import ButtonProgress from './button-progress';
+import { ButtonProgress } from './button-progress';
 
 interface IVideoProps {
   style?: React.CSSProperties,