add basic folder support in files

src/components/app.jsx

@@ -285,7 +285,11 @@ export default class App extends Component {
 				...item,
 				files: [
 					{ name: 'index.html', content: '' },
-					{ name: 'style.css', content: '' },
+					{
+						name: 'styles',
+						isFolder: true,
+						children: [{ name: 'style.css', content: '' }]
+					},
 					{ name: 'script.js', content: '' }
 				]
 			};
@@ -1193,6 +1197,7 @@ export default class App extends Component {
 				]
 			}
 		});
+		console.log(11, this.state.currentItem);
 	}
 	removeFileHandler(fileToRemove) {
 		this.setState({
@@ -1218,6 +1223,20 @@ export default class App extends Component {
 		});
 	}
 
+	folderSelectHandler(folder) {
+		this.setState({
+			currentItem: {
+				...this.state.currentItem,
+				files: this.state.currentItem.files.map(file => {
+					if (file === folder) {
+						return { ...file, isCollapsed: !folder.isCollapsed };
+					}
+					return file;
+				})
+			}
+		});
+	}
+
 	render() {
 		return (
 			<div>
@@ -1252,6 +1271,7 @@ export default class App extends Component {
 							onAddFile={this.addFileHandler.bind(this)}
 							onRemoveFile={this.removeFileHandler.bind(this)}
 							onRenameFile={this.renameFileHandler.bind(this)}
+							onFolderSelect={this.folderSelectHandler.bind(this)}
 						/>
 					) : (
 						<ContentWrap