import React from 'react';
import styled from '../../styles/styled-components';

import ButtonList from './ButtonList';
import RecentFileList from './RecentFileList';

const Wrapper = styled.div`
  display: flex;
  flex: 1;
`;

interface Props {
  subtitleReady: boolean;
  videoReady: boolean;
  newData(): void;
}

const Welcome: React.SFC<Props> = ({ subtitleReady, videoReady, newData }) => (
  <Wrapper>
    <ButtonList
      subtitleReady={subtitleReady}
      videoReady={videoReady}
      newData={newData}
    />
    {/* <RecentFileList /> */}
  </Wrapper>
);

export default Welcome;

import React from 'react';
import styled from '../../styles/styled-components';

import ButtonList from './ButtonList';
import RecentFileList from './RecentFileList';

const Wrapper = styled.div`
  display: flex;
  flex: 1;
`;

interface Props {
  subtitleReady: boolean;
  videoReady: boolean;
  newData(): void;
}

const Welcome: React.SFC<Props> = ({ subtitleReady, videoReady, newData }) => (
  <Wrapper>
    <ButtonList
      subtitleReady={subtitleReady}
      videoReady={videoReady}
      newData={newData}
    />
    <RecentFileList />
  </Wrapper>
);

export default Welcome;

--- 
+++ 
@@ -22,7 +22,7 @@
       videoReady={videoReady}
       newData={newData}
     />
-    <RecentFileList />
+    {/* <RecentFileList /> */}
   </Wrapper>
 );
 
Hide recent files in welcome page until develop finished
