update

src/components/ReactTable5/BasicTable.js

@@ -17,6 +17,7 @@ import { Checkbox } from "./Checkbox";
 
 import grid from "./grid.svg";
 import list from "./list.svg";
+import image1 from "./images/image1.svg";
 
 import RenderRowSubComponent from "./RenderRowSubComponent";
 import EditRow from "./EditRow";
@@ -347,12 +348,20 @@ const BasicTable = ({
         />
       )}
       {/* GRID LIST */}
-      <div>
-        <div>
-          {data.map((item, index) => (
-            <p>{item.fileName}</p>
-          ))}
-        </div>
+      <div className="flex flex-row gap-4">
+        {data.map((item, index) => (
+          <div
+            className="flex flex-col px-4 py-5 rounded-md"
+            key={index}
+            style={{ backgroundColor: "#fff" }}
+          >
+            <img src={image1} className="w-52" />
+            <p className="text-sm my-3">{item.fileName}</p>
+            <span className="text-xs text-left text-gray-500">
+              {item.fileSize}
+            </span>
+          </div>
+        ))}
       </div>
     </>
   );