memes - add date to lightbox
This commit is contained in:
@@ -42,7 +42,10 @@ const Memes = () => {
|
|||||||
|
|
||||||
const imageObjects = newMemes.map(m => ({
|
const imageObjects = newMemes.map(m => ({
|
||||||
id: m.id,
|
id: m.id,
|
||||||
url: `${BASE_IMAGE_URL}/${m.id}.png`
|
timestamp: new Date(m.timestamp * 1000)
|
||||||
|
.toString().split(" ")
|
||||||
|
.splice(0, 4).join(" "),
|
||||||
|
url: `${BASE_IMAGE_URL}/${m.id}.png`,
|
||||||
}));
|
}));
|
||||||
|
|
||||||
setImages(prev => [...prev, ...imageObjects]);
|
setImages(prev => [...prev, ...imageObjects]);
|
||||||
@@ -101,7 +104,7 @@ const Memes = () => {
|
|||||||
|
|
||||||
{/* Dialog for enlarged image */}
|
{/* Dialog for enlarged image */}
|
||||||
<Dialog
|
<Dialog
|
||||||
header={`Meme #${selectedImage?.id}`}
|
header={`Meme #${selectedImage?.id} - ${selectedImage?.timestamp}`}
|
||||||
visible={!!selectedImage}
|
visible={!!selectedImage}
|
||||||
onHide={() => setSelectedImage(null)}
|
onHide={() => setSelectedImage(null)}
|
||||||
style={{ width: '90vw', maxWidth: '720px' }}
|
style={{ width: '90vw', maxWidth: '720px' }}
|
||||||
|
Reference in New Issue
Block a user