Update Image.js

Author: khushi-purwar

image-finder-app/src/Components/Image.js

@@ -1,21 +1,30 @@
-
-import { Grid } from '@material-ui/core';
+import {
+	Grid
+} from '@material-ui/core';
 
 import DisplayImages from './DisplayImages';
 
-const Image = ({ data }) => {
-    // console.log("data",data);
-    return (
-        <Grid container>
-            {
-                data.map(image => (
-                   <Grid xs={3} item  key={image.id}> <DisplayImages  image={image} />  </Grid>
-                ))
-
-            }
-        </Grid>
+const Image = ({
+	data
+}) => {
+	// console.log("data",data);
+	return ( <
+		Grid container > {
+			data.map(image => ( <
+				Grid xs = {
+					3
+				}
+				item key = {
+					image.id
+				} > < DisplayImages image = {
+					image
+				}
+				/>  </Grid >
+			))
 
-    )
+		} 
+		</Grid>
+	)
 }
 
 export default Image