import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import injectTapEventPlugin from 'react-tap-event-plugin';
import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
import FlatButton from 'material-ui/FlatButton';
import DockedDrawer from './docked-drawer';
import {Link} from 'react-router-dom';

let Student = (props) => {
  return (<Card>
            <DockedDrawer />
            <CardText style={{textAlign:"center"}}>
              <div style={{display:"inline-block"}}>
                <div>Name:{props.data.name}</div>
                <div>Age:{props.data.age}</div>
              </div>
              <div style={{width:"10%",display:"inline-block"}} />
              <div style={{display:"inline-block"}}>
              <CardActions>
                <Link to={"/student-classes/"+props.data.id}>
                  <FlatButton label={"Show timetable"} primary={true} style={{bgColor:"black"}}/>
                </Link>
                </CardActions>
              </div>
            </CardText>
        </Card>);
};


export default (props) =>{
    console.log(props.data);
    let cards = props.data.map(a => <Student data={a} key={a.id}/> );
    return (
      <div>
        {cards}
      </div>
    );
  }

@@ -9,147 +9,40 @@
 eact
-, %7B Component %7D from 'react';%0Aimport logo from './logo.svg';%0Aimport './App.css';%0Aimport injectTapEventPlugin from 'react-tap-event-plugin';
+ from 'react'%0Aimport './App.css'
 %0Aimp
@@ -80,30 +80,8 @@
 der,
- CardMedia, CardTitle,
  Car
@@ -110,17 +110,16 @@
 ui/Card'
-;
 %0Aimport 
@@ -162,53 +162,8 @@
 ton'
-;%0Aimport DockedDrawer from './docked-drawer';
 %0Aimp
@@ -196,17 +196,16 @@
 ter-dom'
-;
 %0A%0Alet St
@@ -258,21 +258,116 @@
     
-%3CDockedDrawer
+  %3CCardHeader%0A                actAsExpander=%7Btrue%7D%0A                showExpandableButton=%7Btrue%7D%0A             
  /%3E%0A
@@ -410,16 +410,16 @@
 ign:
-%22
+'
 center
-%22
+'
 %7D%7D%3E%0A
@@ -546,11 +546,15 @@
 div%3E
-Age
+Section
 :%7Bpr
@@ -566,11 +566,14 @@
 ata.
-age
+sec_id
 %7D%3C/d
@@ -950,20 +950,517 @@
    %3C
-/CardActions
+FlatButton label=%7B%22Delete Entry%22%7D secondary=%7Btrue%7D style=%7B%7BbgColor:%22black%22%7D%7D/%3E%0A%0A                %3C/CardActions%3E%0A              %3C/div%3E%0A            %3C/CardText%3E%0A            %3CCardText style=%7B%7BtextAlign:%22center%22%7D%7D expandable=%7Btrue%7D%3E%0A              %3Cdiv style=%7B%7Bdisplay:%22inline-block%22%7D%7D%3E%0A                %3Cdiv%3EDate of admission:%7Bprops.data.doa%7D%3C/div%3E%0A                %3Cdiv%3EDate of birth:%7Bprops.data.doa%7D%3C/div%3E%0A                %3Cdiv%3EGender:%7Bprops.data.gender%7D%3C/div%3E%0A                %3Cdiv%3EDepartment:%7Bprops.data.dep_id%7D%3C/div
 %3E%0A  
@@ -1524,17 +1524,16 @@
 %3E);%0A%7D;%0A%0A
-%0A
 export d
@@ -1549,16 +1549,17 @@
 rops) =%3E
+ 
 %7B%0A    co

Add delete button