#2 FileInfo is a li now and it's rendered over a ul

redux-autoform · Aug 10, 2016 · 386d4c0 · 386d4c0
1 parent df7ddbe
commit 386d4c0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/common/FileInfo.js b/src/components/common/FileInfo.js
@@ -9,11 +9,11 @@ const FileUploadItem = ({ file, height, width }) => {
 	}
 
 	return (
-		<div>
+		<li>
 			{image}
 			<p>{file.name}</p>
 			<p>{filesize(file.size)}</p>
-		</div>
+		</li>
 	);
 };
 

diff --git a/src/components/field/FileUpload.js b/src/components/field/FileUpload.js
@@ -51,12 +51,12 @@ export default class FileUpload extends Component {
 						<div>
 							Try dropping some files here, or click to select files to upload.
 						</div>
-						<div>{
+						<ul>{
 							files.map((file, index) => (
 								<FileInfo key={index} file={file}/>
 							))
 						}
-						</div>
+						</ul>
 					</DropZone>
 					<div>
 						<GlyphButton text="Upload" onClick={this.onClick}/>
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,11 +9,11 @@ const FileUploadItem = ({ file, height, width }) => { @@
     	}
     	return (
-    		<div>
+    		<li>
     			{image}
     			<p>{file.name}</p>
     			<p>{filesize(file.size)}</p>
-    		</div>
+    		</li>
     	);
     };
@@ Expand Down @@