listing fixes (#358)

kscalelabs · Sep 5, 2024 · b750146 · b750146
1 parent 602ad98
commit b750146
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/frontend/src/components/listing/ListingBody.tsx b/frontend/src/components/listing/ListingBody.tsx
@@ -96,15 +96,15 @@ const ListingBody = (props: ListingBodyProps) => {
         edit={listing.can_edit}
       />
       <div className="mt-4">
-        {artifacts === null ? (
-          <LoadingArtifactCard />
-        ) : (
-          <Masonry
-            breakpointCols={breakpointColumnsObj}
-            className="flex w-auto -ml-4"
-            columnClassName="pl-4 bg-clip-padding"
-          >
-            {artifacts
+        <Masonry
+          breakpointCols={breakpointColumnsObj}
+          className="flex w-auto -ml-4"
+          columnClassName="pl-4 bg-clip-padding"
+        >
+          {artifacts === null ? (
+            <LoadingArtifactCard />
+          ) : (
+            artifacts
               .slice()
               .reverse()
               .map((artifact) => (
@@ -115,9 +115,9 @@ const ListingBody = (props: ListingBodyProps) => {
                     canEdit={listing.can_edit}
                   />
                 </div>
-              ))}
-          </Masonry>
-        )}
+              ))
+          )}
+        </Masonry>
       </div>
     </div>
   );

diff --git a/frontend/src/components/listing/artifacts/ArtifactCard.tsx b/frontend/src/components/listing/artifacts/ArtifactCard.tsx
@@ -18,7 +18,7 @@ interface Props {
 }
 
 const ArtifactCard: React.FC<Props> = ({ artifact, onDelete, canEdit }) => {
-  const createdAt = new Date(artifact.timestamp);
+  const createdAt = new Date(artifact.timestamp * 1000);
   const formattedDate = format(createdAt, "MMM d, yyyy 'at' h:mm a");
   const [deleting, setDeleting] = useState(false);
   const { addErrorAlert, addAlert } = useAlertQueue();