upd

photo/src/SearchAppMenu.js

@@ -45,6 +45,8 @@ import TodayIcon from '@material-ui/icons/Today';
 import CropOriginalIcon from '@material-ui/icons/CropOriginal';
 import CameraIcon from '@material-ui/icons/Camera';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
+import CloseIcon from '@material-ui/icons/Close';
+import ListSubheader from '@material-ui/core/ListSubheader';
 
 const drawerWidth = 240;
 
@@ -190,7 +192,7 @@ export default function ButtonAppBar() {
                     <Typography variant="h6" className={classes.title}>
                         谷狗相薄
                     </Typography>
-                    <Button variant="contained" startIcon={<CloudUploadIcon />} type="button" onClick={handleImageOpen}>Upload</Button>
+                    <Button variant="contained" startIcon={<CloudUploadIcon />} type="button" onClick={handleImageOpen}>上載</Button>
                     <IconButton style={{ color: '#ffffff' }} aria-label="delete">
                         <HelpOutlineIcon />
                     </IconButton>
@@ -262,38 +264,42 @@ export default function ButtonAppBar() {
                             <Grid item xs={9}>
                                     
                                 </Grid>
-                                <Grid item xs={3}>
-                                    <List>
+                            <Grid item xs={3}>
+                                <Typography component="h5">
+                                    <IconButton aria-label="delete" type="button" onClick={handleImageClose}>
+                                        <CloseIcon />
+                                    </IconButton>
+                                    資訊
+                                </Typography>
+                                <List
+                                    subheader={
+                                        <ListSubheader component="div" id="nested-list-subheader">
+                                            詳細資料
+                                         </ListSubheader>
+                                    }
+                                >
                                         <ListItem>
-                                            <ListItemAvatar>
-                                                <Avatar>
+                                            <ListItemIcon>
                                                     <TodayIcon />
-                                                </Avatar>
-                                            </ListItemAvatar>
+                                            </ListItemIcon>
                                         <ListItemText primary="2016年7月14日" secondary="週六 下午5:43 GMT+08:00"/>
                                         </ListItem>
                                         <ListItem>
-                                            <ListItemAvatar>
-                                                <Avatar>
+                                            <ListItemIcon>
                                                 <CropOriginalIcon />
-                                                </Avatar>
-                                            </ListItemAvatar>
+                                            </ListItemIcon>
                                         <ListItemText primary="IMG_20160716_174348.jpg" secondary="12.8MP 3096×4128 1.6MB" />
                                         </ListItem>
                                         <ListItem>
-                                            <ListItemAvatar>
-                                                <Avatar>
+                                            <ListItemIcon>
                                                     <CameraIcon />
-                                                </Avatar>
-                                            </ListItemAvatar>
+                                            </ListItemIcon>
                                         <ListItemText primary="Samsung GT-I9505" secondary="ƒ/2.2 1/33 4.2mm ISO125"/>
                                     </ListItem>
                                     <ListItem>
-                                        <ListItemAvatar>
-                                            <Avatar>
+                                        <ListItemIcon>
                                                 <LocationOnIcon />
-                                            </Avatar>
-                                        </ListItemAvatar>
+                                        </ListItemIcon>
                                         <ListItemText primary="中國广东省廣州市" secondary="概估位置" />
                                     </ListItem>
                                     </List>