Merge branch 'main' into feature/listener

Aratramba · Jan 28, 2021 · e2523fb · e2523fb
2 parents 71d193a + 9cbaffe
commit e2523fb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/MediaGrid.tsx b/src/components/MediaGrid.tsx
@@ -105,7 +105,7 @@ export const MediaGrid = ({
 
 const ImageItem = ({ alt, onClick, onDoubleClick, selected, url }: MediaItemProps) => (
   <StyledMediaItem selected={selected} onClick={(e) => onClick(e)} onDoubleClick={onDoubleClick}>
-    <img alt={alt} src={`${url}?w=150&h=150&fit=crop&auto=format&q=80`} />
+    <img alt={alt} src={`${url}?w=150&h=150&fit=crop&auto=format&q=80`} loading="lazy" />
   </StyledMediaItem>
 );
 

diff --git a/src/components/MediaList.tsx b/src/components/MediaList.tsx
@@ -165,7 +165,7 @@ const MediaRow = ({
       <div>
         <StyledThumbnailContainer>
           {_type === 'sanity.imageAsset' ? (
-            <StyledImage alt={alt} src={`${url}?w=100&h=100&fit=crop&auto=format&q=80`} />
+            <StyledImage alt={alt} src={`${url}?w=100&h=100&fit=crop&auto=format&q=80`} loading="lazy" />
           ) : (
             <StyledFile>
               <Icon type="file" />

diff --git a/src/shared/utils.ts b/src/shared/utils.ts
@@ -7,6 +7,6 @@ export function formatSize(size: number) {
 
 export function formatDate(date: string) {
   const d = new Date(date);
-  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-  return `${months[d.getMonth() - 1]} ${d.getDate()}, ${d.getFullYear()}`;
+  const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  return `${months[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`;
 }