Merge pull request #179 from poap-xyz/release/v1.10.2

Release v1.10.2

netlify/edge-functions/event.js

@@ -1,4 +1,8 @@
 import axios from 'https://esm.sh/axios'
+import dayjs from 'https://esm.sh/dayjs'
+import localizedFormat from 'https://esm.sh/dayjs/plugin/localizedFormat'
+
+dayjs.extend(localizedFormat)
 
 const FAMILY_URL = 'https://poap.family'
 const FAMILY_API_URL = 'https://api.poap.family'
@@ -90,7 +94,7 @@ export default async function handler(request, context) {
   const title = escapeHtml(eventInfo.event.name)
   const description = escapeHtml(
     `[ ${eventInfo.supply} + ${eventInfo.emailReservations} ] ` +
-    `${eventInfo.event.start_date}` +
+    `${dayjs(eventInfo.event.start_date).format('ll')}` +
     `${eventInfo.event.city && eventInfo.event.country
         ? ` ${eventInfo.event.city}, ${eventInfo.event.country}`
         : ''

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poap-xyz/poap-family",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "author": {
     "name": "POAP",
     "url": "https://poap.xyz"

src/components/EventInfo.js

@@ -3,6 +3,7 @@ import Card from './Card'
 import Stats from './Stats'
 import TokenImageZoom from './TokenImageZoom'
 import EventButtons from './EventButtons'
+import { formatDate } from '../utils/date'
 import '../styles/event-info.css'
 
 function EventInfo({ event, stats = {}, highlightStat, buttons = [], children }) {
@@ -14,7 +15,7 @@ function EventInfo({ event, stats = {}, highlightStat, buttons = [], children })
         </div>
         <div className="event-data">
           <h1>{event.name}</h1>
-          <div className="event-date">{event.start_date}</div>
+          <div className="event-date">{formatDate(event.start_date)}</div>
           {event.city && event.country && <div className="place">{event.city}, {event.country}</div>}
           <Stats stats={stats} highlight={highlightStat} />
           <EventButtons event={event} buttons={buttons} viewInGallery={true} />

src/pages/Events.js

@@ -10,6 +10,7 @@ import { findEventsCollections } from '../loaders/collection'
 import { IGNORED_OWNERS } from '../models/address'
 import { filterAndSortInCommon, mergeEventsInCommon } from '../models/in-common'
 import { parseEventIds, parseExpiryDates } from '../models/event'
+import { formatDate } from '../utils/date'
 import Timestamp from '../components/Timestamp'
 import Card from '../components/Card'
 import EventButtons from '../components/EventButtons'
@@ -721,7 +722,7 @@ function Events() {
                         </div>
                         <div className="event-data">
                           <h2>{event.name}</h2>
-                          <div className="event-date">{event.start_date}</div>
+                          <div className="event-date">{formatDate(event.start_date)}</div>
                           {event.city && event.country && <div className="place">{event.city}, {event.country}</div>}
                         </div>
                       </div>

src/utils/date.js

@@ -1,7 +1,13 @@
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
+import localizedFormat from 'dayjs/plugin/localizedFormat'
 
 dayjs.extend(relativeTime)
+dayjs.extend(localizedFormat)
+
+export function formatDate(date) {
+  return dayjs(date).format('ll')
+}
 
 export function formatDateAgo(ts) {
   if (typeof ts === 'number') {