@vixoniccom/footbal-score 1.4.6-dev.2 → 1.4.6-dev.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixoniccom/footbal-score",
   "alias": "Resultados Deportivos",
-  "version": "1.4.6-dev.2",
+  "version": "1.4.6-dev.3",
   "description": "Muestra resultados en vivo de fútbol.",
   "main": "main.js",
   "author": "",

package/src/components/Table/components/Time.tsx

@@ -1,3 +1,4 @@
+import moment from 'moment'
 import React from 'react'
 import { FormattedText } from '../../'
 import { resolvedTimezone } from '../../../helpers/getFixture'
@@ -7,38 +8,15 @@ interface Props {
   parameters: VixonicParameters
 }
 
-const timezone = resolvedTimezone
-
-const formatFixtureTime = (timestamp: number) => {
-  const date = new Date(timestamp * 1000)
-
-  const dateParts = new Intl.DateTimeFormat('es-ES', {
-    timeZone: timezone,
-    day: '2-digit',
-    month: '2-digit',
-  }).formatToParts(date)
-  const day = dateParts.find(p => p.type === 'day')?.value ?? ''
-  const month = dateParts.find(p => p.type === 'month')?.value ?? ''
-
-  const timeParts = new Intl.DateTimeFormat('en-US', {
-    timeZone: timezone,
-    hour: 'numeric',
-    minute: '2-digit',
-    hour12: true,
-  }).formatToParts(date)
-  const hour = timeParts.find(p => p.type === 'hour')?.value ?? ''
-  const minute = timeParts.find(p => p.type === 'minute')?.value ?? ''
-  const period = timeParts.find(p => p.type === 'dayPeriod')?.value?.toLowerCase() ?? ''
-
-  return { dateStr: `${day}-${month}`, timeStr: `${hour}:${minute} ${period}` }
-}
+const MEXICO_TIMEZONES = ['America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Chihuahua', 'America/Ojinaga', 'America/Mazatlan', 'America/Hermosillo', 'America/Tijuana', 'America/Ensenada']
+const offset = MEXICO_TIMEZONES.includes(resolvedTimezone) ? -3600 : 0
 
 export const Time: React.FunctionComponent<Props> = ({ time, parameters }) => {
-  const { dateStr, timeStr } = formatFixtureTime(time)
+  const adjusted = time + offset
   return (
     <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
-      <FormattedText text={dateStr} format={parameters.timeFormat} />
-      <FormattedText text={timeStr} format={parameters.timeFormat} />
+      <FormattedText text={moment.unix(adjusted).format('DD-MM')} format={parameters.timeFormat} />
+      <FormattedText text={moment.unix(adjusted).format('h:mm a')} format={parameters.timeFormat} />
     </div>
   )
 }