@vixoniccom/footbal-score 1.1.0-beta.0 → 1.2.0-beta.0

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.2.0-beta.0](https://bitbucket.org/vixonic_dev/football-score/compare/v1.0.3...v1.2.0-beta.0) (2024-06-24)
+
+
+### Features
+
+* ISC license was added to the project ([bb3a175](https://bitbucket.org/vixonic_dev/football-score/commit/bb3a17548c7d057efdd909690ddd6a78e58c4e02))
+
+
+### Bug Fixes
+
+* lint fixes ([051a434](https://bitbucket.org/vixonic_dev/football-score/commit/051a4344bd5fbc6ad3ec2be0341adaee7d2c8138))
+
+### [1.1.1](https://bitbucket.org/vixonic_dev/football-score/compare/v1.1.0-beta.0...v1.1.1) (2024-06-21)
+
 ## [1.1.0-beta.0](https://bitbucket.org/vixonic_dev/football-score/compare/v1.0.3...v1.1.0-beta.0) (2024-06-21)
 
 

package/configuration.json

@@ -38,6 +38,30 @@
           "label": "Hora Inicio",
           "defaultValue": "6am",
           "items": [
+            {
+              "label": "12 am",
+              "value": "12am"
+            },
+            {
+              "label": "1 am",
+              "value": "1am"
+            },
+            {
+              "label": "2 am",
+              "value": "2am"
+            },
+            {
+              "label": "3 am",
+              "value": "3am"
+            },
+            {
+              "label": "4 am",
+              "value": "4am"
+            },
+            {
+              "label": "5 am",
+              "value": "5am"
+            },
             {
               "label": "6 am",
               "value": "6am"
@@ -61,6 +85,54 @@
             {
               "label": "11 am",
               "value": "11am"
+            },
+            {
+              "label": "12 pm",
+              "value": "12pm"
+            },
+            {
+              "label": "1 pm",
+              "value": "1pm"
+            },
+            {
+              "label": "2 pm",
+              "value": "2pm"
+            },
+            {
+              "label": "3 pm",
+              "value": "3pm"
+            },
+            {
+              "label": "4 pm",
+              "value": "4pm"
+            },
+            {
+              "label": "5 pm",
+              "value": "5pm"
+            },
+            {
+              "label": "6 pm",
+              "value": "6pm"
+            },
+            {
+              "label": "7 pm",
+              "value": "7pm"
+            },
+            {
+              "label": "8 pm",
+              "value": "8pm"
+            },
+            {
+              "label": "9 pm",
+              "value": "9pm"
+            },
+            {
+              "label": "10 pm",
+              "value": "10pm"
+            },
+            {
+              "label": "11 pm",
+              "value": "11pm"
             }
           ]
         },
@@ -71,6 +143,74 @@
           "label": "Hora Fin",
           "defaultValue": "7pm",
           "items": [
+            {
+              "label": "12 am",
+              "value": "12am"
+            },
+            {
+              "label": "1 am",
+              "value": "1am"
+            },
+            {
+              "label": "2 am",
+              "value": "2am"
+            },
+            {
+              "label": "3 am",
+              "value": "3am"
+            },
+            {
+              "label": "4 am",
+              "value": "4am"
+            },
+            {
+              "label": "5 am",
+              "value": "5am"
+            },
+            {
+              "label": "6 am",
+              "value": "6am"
+            },
+            {
+              "label": "7 am",
+              "value": "7am"
+            },
+            {
+              "label": "8 am",
+              "value": "8am"
+            },
+            {
+              "label": "9 am",
+              "value": "9am"
+            },
+            {
+              "label": "10 am",
+              "value": "10am"
+            },
+            {
+              "label": "11 am",
+              "value": "11am"
+            },
+            {
+              "label": "12 pm",
+              "value": "12pm"
+            },
+            {
+              "label": "1 pm",
+              "value": "1pm"
+            },
+            {
+              "label": "2 pm",
+              "value": "2pm"
+            },
+            {
+              "label": "3 pm",
+              "value": "3pm"
+            },
+            {
+              "label": "4 pm",
+              "value": "4pm"
+            },
             {
               "label": "5 pm",
               "value": "5pm"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixoniccom/footbal-score",
   "alias": "Resultados Deportivos",
-  "version": "1.1.0-beta.0",
+  "version": "1.2.0-beta.0",
   "description": "Muestra resultados en vivo de fútbol.",
   "main": "main.js",
   "author": "",

package/src/App.tsx

@@ -1,11 +1,11 @@
-import React, { useContext, useEffect, useState } from 'react';
-import { FontLoader } from './components/FontLoader';
-import { FormattedText } from './components/FormattedText';
-import { Table } from './components/table-fixture/Table';
-import { ConfigureContext } from './contex/configureContext/ConfigureContext';
-import { getFixture } from './helpers/getFixture';
-import localforage from 'localforage';
-import moment from 'moment';
+import React, { useContext, useEffect, useState } from 'react'
+import { FontLoader } from './components/FontLoader'
+import { FormattedText } from './components/FormattedText'
+import { Table } from './components/table-fixture/Table'
+import { ConfigureContext } from './contex/configureContext/ConfigureContext'
+import { getFixture } from './helpers/getFixture'
+import localforage from 'localforage'
+import moment from 'moment'
 
 type Props = {
   data: VixonicData,
@@ -13,37 +13,28 @@ type Props = {
 }
 
 export const App = ({ data, start }: Props) => {
-
-
-  const [dataFixture, setDataFixture] = useState([]);
-  const [league, setLeague] = useState('');
-  
-
+  const [dataFixture, setDataFixture] = useState([])
+  const [league, setLeague] = useState('')
   const { configureState, addConfiguration } = useContext(ConfigureContext)
-
   const { parameters, downloadsPath } = configureState
-
-  const { backgroundImage,
-    padding,
-    msj0 = '',
-    updateTime
-  } = parameters
-
-  let backgroundImageState = backgroundImage && backgroundImage.filename
+  const { backgroundImage, padding, msj0 = '', updateTime } = parameters
+  const backgroundImageState = backgroundImage && backgroundImage.filename
     ? `url("${downloadsPath}/${backgroundImage.filename}")`
     : ''
 
   const getData = async () => {
-    let dataLocal: any = await getLocalData()
-    let momentLocalStorage: any = dataLocal ? moment().diff(dataLocal.date, 'millisecond') : undefined
-    let timeNowFormat = moment().format('h:mma')
-    let timeNow = moment(timeNowFormat, 'h:mma');
-    let horaInicio = moment(data.parameters.timeStart, 'h:mma');
-    let horaFin = moment(data.parameters.timeEnd, 'h:mma');
+    const dataLocal: any = await getLocalData()
+    const momentLocalStorage: any = dataLocal ? moment().diff(dataLocal.date, 'millisecond') : undefined
+    const timeNowFormat = moment().format('h:mma')
+    const timeNow = moment(timeNowFormat, 'h:mma')
+
+    const horaInicio = moment(data.parameters.timeStart, 'h:mma')
+    const horaFin = moment(data.parameters.timeEnd, 'h:mma')
+
     if (momentLocalStorage == undefined || (timeNow.isBetween(horaInicio, horaFin) && momentLocalStorage > updateTime!)) {
-      const dataRequest = await getFixture(data.parameters.league!);
+      const dataRequest = await getFixture(data.parameters.league!)
       setDataLocal(dataRequest)
-      setDataFixture(dataRequest);
+      setDataFixture(dataRequest)
     } else {
       setDataFixture(dataLocal.data)
     }
@@ -57,7 +48,7 @@ export const App = ({ data, start }: Props) => {
     addConfiguration(data)
   }, [data])
 
-  useEffect(() =>{
+  useEffect(() => {
     if (league !== data.parameters.league) {
       setLeague(data.parameters.league!)
       localforage.clear()
@@ -86,7 +77,6 @@ export const App = ({ data, start }: Props) => {
     return dataLocal
   }
 
-
   return (
     dataFixture.length > 0 ?
       <div
@@ -110,7 +100,7 @@ export const App = ({ data, start }: Props) => {
             flex: '1 1 0%',
             flexDirection: 'column',
           }}>
-            <FormattedText text={parameters.title0 || "Partidos Mundial"} format={parameters.titleFormat} />
+            <FormattedText text={parameters.title0 || 'Partidos Mundial'} format={parameters.titleFormat} />
           </div>
         }
         <Table dataFixture={dataFixture} />
@@ -136,9 +126,8 @@ export const App = ({ data, start }: Props) => {
           flex: '1 1 0%',
           flexDirection: 'column',
         }}>
-          <FormattedText text={msj0 || "Sin partidos"} format={parameters.formatMjs} />
+          <FormattedText text={msj0 || 'Sin partidos'} format={parameters.formatMjs} />
         </div>
       </div>
-
   )
 }

package/src/components/FontLoader.tsx

@@ -6,11 +6,10 @@ interface Props {
   paths: Array<string>
 }
 
-export const FontLoader = ({paths}: Props) => {
-
-  const {configureState} = useContext(ConfigureContext)
-  const {parameters, downloadsPath} = configureState
-  const _getValueByPath =(path:any, obj:any) : any =>  {
+export const FontLoader = ({ paths }: Props) => {
+  const { configureState } = useContext(ConfigureContext)
+  const { parameters, downloadsPath } = configureState
+  const _getValueByPath = (path: any, obj: any): any => {
     let pathsArray = path.split('.')
     let propertyName = pathsArray[0]
     if (pathsArray.length === 1) return obj[propertyName]
@@ -19,9 +18,9 @@ export const FontLoader = ({paths}: Props) => {
       return _getValueByPath(pathsArray.join('.'), obj[propertyName])
     }
   }
-  let fonts =   paths.map((path:any) => {
+  let fonts = paths.map((path: any) => {
     try {
-      let fontParam =  _getValueByPath(path,parameters)
+      let fontParam = _getValueByPath(path, parameters)
       let font = {
         family: fontParam.filename.replace('.', '-'),
         src: `${downloadsPath}/${fontParam.filename}`
@@ -42,7 +41,6 @@ export const FontLoader = ({paths}: Props) => {
   )
 }
 
- 
 FontLoader.defaultProps = {
   paths: [],
   parameters: {},
@@ -54,5 +52,3 @@ FontLoader.propTypes = {
   parameters: PropTypes.object,
   downloadsPath: PropTypes.string
 }
-
- 

package/src/components/FormattedText.tsx

@@ -13,7 +13,7 @@ type aligment = {
 }
 
 interface Props {
-  format?: any 
+  format?: any
   lineHeight: number
   maxChar?: number
   style?: number
@@ -23,10 +23,7 @@ interface Props {
   paddingTop?: string
 }
 
-
-export const FormattedText = ({ text, format, maxChar, lineHeight, style, unit, paddingBottom, paddingTop}: Props) => {
-
-
+export const FormattedText = ({ text, format, maxChar, lineHeight, style, unit, paddingBottom, paddingTop }: Props) => {
   const trimText = (text: any, maxChar: any) => {
     const isValid = maxChar && isNumber(maxChar) && maxChar >= 3
     if (isValid && (text && text.length > maxChar) || false) {
@@ -68,7 +65,7 @@ export const FormattedText = ({ text, format, maxChar, lineHeight, style, unit,
         fontFamily: checkNested(format, 'font.filename') ? `"${format?.font?.filename?.replace('.', '-')}"` : '',
         fontSize: `${format?.fontSize}${unit}`,
         textAlign: checkNested(format, 'alignment.horizontal') ? format?.alignment?.horizontal : 'left',
-        lineHeight: lineHeight ,
+        lineHeight: lineHeight,
         paddingBottom: paddingBottom,
         paddingTop: paddingTop,
         display: 'inline-flex'
@@ -77,7 +74,6 @@ export const FormattedText = ({ text, format, maxChar, lineHeight, style, unit,
   )
 }
 
-
 FormattedText.defaultProps = {
   format: {},
   lineHeight: 1,

package/src/components/table-fixture/Results.tsx

@@ -4,19 +4,19 @@ import { FormattedText } from '../FormattedText'
 import { isNumber } from 'lodash'
 
 export const Results = ({ goals, score }: any) => {
-
   const { configureState } = useContext(ConfigureContext)
   const { parameters } = configureState
+
   return (
     <div style={{
       display: 'flex',
       justifyContent: 'center',
     }}>
       {
-       isNumber(score.penalty.home) ? <FormattedText text={`(${score.penalty.home})`} format={parameters.goalsFormat} /> : ''
+        isNumber(score.penalty.home) ? <FormattedText text={`(${score.penalty.home})`} format={parameters.goalsFormat} /> : ''
       }
       <FormattedText text={goals.home ? goals.home : 0} format={parameters.goalsFormat} />
-      <FormattedText text={"-"} format={parameters.goalsFormat} />
+      <FormattedText text={'-'} format={parameters.goalsFormat} />
       <FormattedText text={goals.away ? goals.away : 0} format={parameters.goalsFormat} />
       {
         isNumber(score.penalty.away) ? <FormattedText text={`(${score.penalty.away})`} format={parameters.goalsFormat} /> : ''

package/src/components/table-fixture/Row.tsx

@@ -1,19 +1,18 @@
 import React, { useContext, useEffect, useState } from 'react'
-// import { TeamItems } from './TeamItems'
-import { Time } from './Time';
-import { FormattedText } from '../FormattedText';
-import { ConfigureContext } from '../../contex/configureContext/ConfigureContext';
-import { Status } from './Status';
-import { translateTeams } from '../../helpers/translateTeams';
-import { Results } from './Results';
+import { Time } from './Time'
+import { FormattedText } from '../FormattedText'
+import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
+import { Status } from './Status'
+import { translateTeams } from '../../helpers/translateTeams'
+import { Results } from './Results'
 
 export const Row = (item: any) => {
 
   const { fixture, teams, goals, score } = item.item;
   const { configureState } = useContext(ConfigureContext)
   const { parameters } = configureState
-  const [homeTeam, setHomeTeam] = useState(false);
-  const [awayTeam, setAwayTeam] = useState(false);
+  const [homeTeam, setHomeTeam] = useState(false)
+  const [awayTeam, setAwayTeam] = useState(false)
 
   const {
     descriptionEnabled,
@@ -28,19 +27,16 @@ export const Row = (item: any) => {
     widthTime,
   } = parameters
 
-  let gridColumns = descriptionEnabled ? `${widthTime || "200px"} ${widthStatus || "200px"} ${widthDescription || "200px"}  ${widthImage || "300px"} ${widthScore || "100px"} ${widthImage || "300px"} ${widthDescription || "200px"}` :
-    ` ${widthTime || "100px"} ${widthStatus || "100px"} ${widthImage || "300px"} ${widthScore || "100px"} ${widthImage || "300px"}`
+  let gridColumns = descriptionEnabled ? `${widthTime || '200px'} ${widthStatus || '200px'} ${widthDescription || '200px'}  ${widthImage || '300px'} ${widthScore || '100px'} ${widthImage || '300px'} ${widthDescription || '200px'}` :
+    ` ${widthTime || '100px'} ${widthStatus || '100px'} ${widthImage || '300px'} ${widthScore || '100px'} ${widthImage || '300px'}`
 
   let nameHome = translateTeams(teams.home.name)
   let nameAway = translateTeams(teams.away.name)
 
-
   const requestFlagHome = async (urlLogo: string) => {
     try {
       const resp1 = await fetch(urlLogo)
-      if (resp1.status === 200) {
-        setHomeTeam(true)
-      }
+      if (resp1.status === 200) setHomeTeam(true)
     } catch (error) {
       console.log(error)
       setHomeTeam(false)
@@ -50,9 +46,7 @@ export const Row = (item: any) => {
   const requestFlagAway = async (urlLogo: any) => {
     try {
       const resp1 = await fetch(urlLogo)
-      if (resp1.status === 200) {
-        setAwayTeam(true)
-      }
+      if (resp1.status === 200) setAwayTeam(true)
     } catch (error) {
       console.log(error)
       setAwayTeam(false)
@@ -71,12 +65,12 @@ export const Row = (item: any) => {
       style={{
         display: 'grid',
         gridTemplateColumns: `${gridColumns}`,
-        columnGap: `${columnGap || "10px"}`,
+        columnGap: `${columnGap || '10px'}`,
         width: '100%',
         height: '100%',
         alignItems: 'center',
         placeContent: 'center',
-        padding: `${rowGap || "30px"} 0px`,
+        padding: `${rowGap || '30px'} 0px`,
         justifyContent: 'center'
       }}
     >
@@ -87,9 +81,7 @@ export const Row = (item: any) => {
         }}
       >
         <Time time={Number(fixture.timestamp)} />
-
       </div>
-
       <div
         style={{
           display: 'flex',
@@ -97,9 +89,7 @@ export const Row = (item: any) => {
         }}
       >
         <Status status={fixture.status.short} />
-
       </div>
-
       {
         descriptionEnabled &&
         <div style={{

package/src/components/table-fixture/Status.tsx

@@ -3,47 +3,47 @@ import { ConfigureContext } from '../../contex/configureContext/ConfigureContext
 import { FormattedText } from '../FormattedText'
 
 export const Status = ({
-    status
+  status
 }: any) => {
 
-    let translateStatus: string = ''
-    const { configureState } = useContext(ConfigureContext)
-    const { parameters } = configureState
+  let translateStatus: string = ''
+  const { configureState } = useContext(ConfigureContext)
+  const { parameters } = configureState
 
-    switch (status) {
-        case 'NS':
-            translateStatus = 'Por iniciar'
-            break
-        case '1H':
-            translateStatus = 'Primer tiempo'
-            break
-        case 'HT':
-            translateStatus = 'Medio tiempo '
-            break
-        case '2H':
-            translateStatus = 'Segundo tiempo'
-            break
-        case 'FT':
-            translateStatus = 'Finalizado'
-            break
-        case 'P':
-            translateStatus = 'Penales'
-            break
-        case 'LIVE':
-            translateStatus = 'En vivo'
-            break
-        default:
-            translateStatus = 'Finalizado'
-            break
-    }
+  switch (status) {
+    case 'NS':
+      translateStatus = 'Por iniciar'
+      break
+    case '1H':
+      translateStatus = 'Primer tiempo'
+      break
+    case 'HT':
+      translateStatus = 'Medio tiempo '
+      break
+    case '2H':
+      translateStatus = 'Segundo tiempo'
+      break
+    case 'FT':
+      translateStatus = 'Finalizado'
+      break
+    case 'P':
+      translateStatus = 'Penales'
+      break
+    case 'LIVE':
+      translateStatus = 'En vivo'
+      break
+    default:
+      translateStatus = 'Finalizado'
+      break
+  }
 
-    return (
-        <div style={{
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-        }}>
-            <FormattedText text={translateStatus} format={parameters.statusFormat} />
-        </div>
-    )
+  return (
+    <div style={{
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+    }}>
+      <FormattedText text={translateStatus} format={parameters.statusFormat} />
+    </div>
+  )
 }

package/src/components/table-fixture/Table.tsx

@@ -1,27 +1,27 @@
 import React from 'react'
-import { Row } from './Row';
+import { Row } from './Row'
 
 type Props = {
-    dataFixture: any
- }
+  dataFixture: any
+}
 
 export const Table = ({ dataFixture }: Props) => {
-    return (
-        <div
-            style={{
-                display: 'flex',
-                width: '100%',
-                height: '100%',
-                justifyContent: 'center',
-                alignItems: 'center',
-                flexDirection: 'column'
-            }}
-        >
-            {
-                dataFixture.map((item: any) => (
-                    <Row item={item}/>
-                ))
-            }
-        </div>
-    )
+  return (
+    <div
+      style={{
+        display: 'flex',
+        width: '100%',
+        height: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column'
+      }}
+    >
+      {
+        dataFixture.map((item: any) => (
+          <Row item={item} />
+        ))
+      }
+    </div>
+  )
 }

package/src/components/table-fixture/TeamItems.tsx

@@ -27,8 +27,6 @@ export const TeamItems = ({ team, home }: any) => {
       }}>
         <img src={team.logo} style={{ width: '100%' }} />
         <FormattedText text={team.name} format={parameters.nameFormat || parameters.descriptionFormat} />
-
       </div>)
   )
 }
-

package/src/components/table-fixture/Time.tsx

@@ -3,22 +3,20 @@ import React, { useContext } from 'react'
 import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
 import { FormattedText } from '../FormattedText'
 
-export const Time = ({time}:any) => {
+export const Time = ({ time }: any) => {
+  const { configureState } = useContext(ConfigureContext)
+  const { parameters } = configureState
 
-    const { configureState } = useContext(ConfigureContext)
-     const { parameters } = configureState
- 
-    return (
-        <div style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
+  return (
+    <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
 
-        }}>
-            <FormattedText text={moment.unix(time).format('DD-MM')} format={parameters.timeFormat} />
-            <FormattedText text={moment.unix(time).format('h:mm a')} format={parameters.timeFormat} />
-        
-        </div>
-    )
+    }}>
+      <FormattedText text={moment.unix(time).format('DD-MM')} format={parameters.timeFormat} />
+      <FormattedText text={moment.unix(time).format('h:mm a')} format={parameters.timeFormat} />
+    </div>
+  )
 }

package/src/contex/configureContext/ConfigureContext.tsx

@@ -1,9 +1,8 @@
-import { createContext } from "react";
-
+import { createContext } from 'react'
 
 type ConfigureContext = {
-    configureState: VixonicData
-    addConfiguration: (configure:VixonicData)=>void
+  configureState: VixonicData
+  addConfiguration: (configure: VixonicData) => void
 }
- 
-export const ConfigureContext = createContext<ConfigureContext>({} as ConfigureContext);
+
+export const ConfigureContext = createContext<ConfigureContext>({} as ConfigureContext)

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -1,73 +1,71 @@
-import React, { useReducer } from "react";
-import { ConfigureContext } from './ConfigureContext';
-import { parameterReducer } from "./configureReducer";
-
-
+import React, { useReducer } from 'react'
+import { ConfigureContext } from './ConfigureContext'
+import { parameterReducer } from './configureReducer'
 
 const INITIAL_STATE: VixonicData = {
   downloadsPath: '',
   parameters: {
     abbreviatedMonths: false,
-    animationMode: "",
+    animationMode: '',
     animationOrder: false,
     animationSpeed: 1.5,
-    animationTime: "",
-    backgroundImage: { id: "", filename: "", _isAsset: true },
-    apiDomain: "",
-    containerColumns: "",
-    statusFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-    containerColumnsGap: "",
-    containerRows: "",
-    containerRowsGap: "",
-    dataMode: "",
+    animationTime: '',
+    backgroundImage: { id: '', filename: '', _isAsset: true },
+    apiDomain: '',
+    containerColumns: '',
+    statusFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: 'center' }, fontColor: '' },
+    containerColumnsGap: '',
+    containerRows: '',
+    containerRowsGap: '',
+    dataMode: '',
     title0: 'App Mundial',
     titleEnabled: false,
-    titleFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-    goalsFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-    timeFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
-    dateAlignment: "center",
-    dateDayFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "", },
+    titleFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: 'center' }, fontColor: '', },
+    goalsFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: 'center' }, fontColor: '', },
+    timeFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: 'center' }, fontColor: '', },
+    dateAlignment: 'center',
+    dateDayFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 55, alignment: { horizontal: 'center' }, fontColor: '', },
     dateEnabled: true,
-    dateMonthFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 20, alignment: { horizontal: "center" }, fontColor: "" },
+    dateMonthFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 20, alignment: { horizontal: 'center' }, fontColor: '' },
     datePosition: 1,
-    datePrimaryColor: "",
-    dateStyle: "circle",
+    datePrimaryColor: '',
+    dateStyle: 'circle',
     descriptionEnabled: true,
-    descriptionFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
+    descriptionFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: 'center' }, fontColor: '' },
     excludePast: false,
-    imageAlignment: "center",
+    imageAlignment: 'center',
     imageEnabled: true,
     imagePosition: 0,
-    imageStyle: "normal",
+    imageStyle: 'normal',
     imageSize: 50,
-    itemMargins: "",
-    msj0: "No hay partidos hoy",
-    nameFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-    orientation: "",
-    padding: "",
-    photosMode: "",
-    photosZip: { id: "0fb559ec-5da3-4b2d-95c4-d9623754c841", filename: "0fb559ec-5da3-4b2d-95c4-d9623754c841.zip", extension: "zip", _isAsset: true },
-    template: "",
-    textAlignment: "center",
+    itemMargins: '',
+    msj0: 'No hay partidos hoy',
+    nameFormat: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: 'center' }, fontColor: '' },
+    orientation: '',
+    padding: '',
+    photosMode: '',
+    photosZip: { id: '0fb559ec-5da3-4b2d-95c4-d9623754c841', filename: '0fb559ec-5da3-4b2d-95c4-d9623754c841.zip', extension: 'zip', _isAsset: true },
+    template: '',
+    textAlignment: 'center',
     textPosition: 0,
     updateTime: 300000,
-    urlBaseApi: "",
-    imageMargin: "",
-    textMargin: "",
-    dateMargin: "",
+    urlBaseApi: '',
+    imageMargin: '',
+    textMargin: '',
+    dateMargin: '',
     separator: false,
-    widthDescription: "200px",
-    widthImage: "300px",
-    widthScore: "100px",
-    columnGap: "10px",
-    rowGap: "30px",
-    widthStatus: "200px",
-    widthTime: "200px",
-    timeEnd: "7pm",
-    timeStart: "6am",
-    formatMjs: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: "center" }, fontColor: "" },
-    alignVerticalMsj: "center",
-    league: "9"
+    widthDescription: '200px',
+    widthImage: '300px',
+    widthScore: '100px',
+    columnGap: '10px',
+    rowGap: '30px',
+    widthStatus: '200px',
+    widthTime: '200px',
+    timeEnd: '7pm',
+    timeStart: '6am',
+    formatMjs: { font: { filename: '', id: '', _isAsset: true }, fontSize: 3.8, alignment: { horizontal: 'center' }, fontColor: '' },
+    alignVerticalMsj: 'center',
+    league: '9'
   }
 }
 
@@ -76,12 +74,9 @@ interface props {
 }
 
 export const ParameterProvider = ({ children }: props) => {
-
   const [configureState, dispatch] = useReducer(parameterReducer, INITIAL_STATE)
-
-
   const addConfiguration = (configure: VixonicData) => {
-    dispatch({ type: "addConfigure", payload: configure })
+    dispatch({ type: 'addConfigure', payload: configure })
   }
 
   return (
@@ -90,4 +85,3 @@ export const ParameterProvider = ({ children }: props) => {
     </ConfigureContext.Provider>
   )
 }
-

package/src/contex/configureContext/configureReducer.ts

@@ -2,10 +2,9 @@
 type ConfigureAction =
   | { type: 'addConfigure', payload: VixonicData }
 
-
 export const parameterReducer = (state: VixonicData, action: ConfigureAction) => {
-
   const { downloadsPath, parameters } = action.payload
+
   switch (action.type) {
     case 'addConfigure':
       return {
@@ -60,5 +59,4 @@ export const parameterReducer = (state: VixonicData, action: ConfigureAction) =>
     default:
       return state;
   }
-
-}
+}

package/src/helpers/getFixture.ts

@@ -1,5 +1,5 @@
-import moment from 'moment';
-const axios = require("axios");
+import moment from 'moment'
+const axios = require('axios')
 
 export const getFixture = async (league: string) => {
   const today = moment().format('YYYY-MM-DD')
@@ -13,12 +13,13 @@ export const getFixture = async (league: string) => {
       'X-RapidAPI-Key': 'a7e693d4c5msh72a2ff2020fd601p12dd08jsn0f168421d7bb',
       'X-RapidAPI-Host': 'api-football-v1.p.rapidapi.com'
     }
-  };
+  }
+
   try {
     const response = await axios.request(options)
     return response.data.response
   } catch (error) {
-    console.error(error);
+    console.error(error)
     return []
   }
 }

package/src/helpers/translateTeams.ts

@@ -1,91 +1,91 @@
 
 export const translateTeams = (team: string) => {
-    switch (team) {
-        case 'England':
-            return 'Inglaterra'
-        case 'Spain':
-            return 'España'
-        case 'Italy':
-            return 'Italia'
-        case 'Germany':
-            return 'Alemania'
-        case 'France':
-            return 'Francia'
-        case 'Portugal':
-            return 'Portugal'
-        case 'Netherlands':
-            return 'Holanda'
-        case 'Belgium':
-            return 'Bélgica'
-        case 'Russia':
-            return 'Rusia'
-        case 'Turkey':
-            return 'Turquía'
-        case 'Ukraine':
-            return 'Ucrania'
-        case 'Czech Republic':
-            return 'República Checa'
-        case 'Sweden':
-            return 'Suecia'
-        case 'Poland':
-            return 'Polonia'
-        case 'Austria':
-            return 'Austria'
-        case 'Switzerland':
-            return 'Suiza'
-        case 'Denmark':
-            return 'Dinamarca'
-        case 'Hungary':
-            return 'Hungría'
-        case 'Romania':
-            return 'Rumanía'
-        case 'Croatia':
-            return 'Croacia'
-        case 'Scotland':
-            return 'Escocia'
-        case 'Wales':
-            return 'Gales'
-        case 'Northern Ireland':
-            return 'Irlanda del Norte'
-        case 'Slovakia':
-            return 'Eslovaquia'
-        case 'Norway':
-            return 'Noruega'
-        case 'Finland':
-            return 'Finlandia'
-        case 'Bulgaria':
-            return 'Bulgaria'
-        case 'North Macedonia':
-            return 'Macedonia del Norte'
-        case 'Iceland':
-            return 'Islandia'
-        case 'Iran':
-            return 'Irán'
-        case 'United States':
-            return 'Estados Unidos'
-        case 'Mexico':
-            return 'México'
-        case 'Tunisia':
-            return 'Túnez'
-        case 'Japan':
-            return 'Japón'
-        case 'Argentina':
-            return 'Argentina'
-        case 'Canada':
-            return 'Canadá'
-        case 'Morocco':
-            return 'Marruecos'
-        case 'Brazil':
-            return 'Brasil'
-        case 'Cameroon':
-            return 'Camerún'
-        case 'Ghana':
-            return 'Ghana'
-        case 'South Korea':        
-            return 'Corea del Sur'
-        case 'Saudi Arabia':
-            return 'Arabia Saudita'
-        default:
-            return team
-    }
-}
+  switch (team) {
+    case 'England':
+      return 'Inglaterra'
+    case 'Spain':
+      return 'España'
+    case 'Italy':
+      return 'Italia'
+    case 'Germany':
+      return 'Alemania'
+    case 'France':
+      return 'Francia'
+    case 'Portugal':
+      return 'Portugal'
+    case 'Netherlands':
+      return 'Holanda'
+    case 'Belgium':
+      return 'Bélgica'
+    case 'Russia':
+      return 'Rusia'
+    case 'Turkey':
+      return 'Turquía'
+    case 'Ukraine':
+      return 'Ucrania'
+    case 'Czech Republic':
+      return 'República Checa'
+    case 'Sweden':
+      return 'Suecia'
+    case 'Poland':
+      return 'Polonia'
+    case 'Austria':
+      return 'Austria'
+    case 'Switzerland':
+      return 'Suiza'
+    case 'Denmark':
+      return 'Dinamarca'
+    case 'Hungary':
+      return 'Hungría'
+    case 'Romania':
+      return 'Rumanía'
+    case 'Croatia':
+      return 'Croacia'
+    case 'Scotland':
+      return 'Escocia'
+    case 'Wales':
+      return 'Gales'
+    case 'Northern Ireland':
+      return 'Irlanda del Norte'
+    case 'Slovakia':
+      return 'Eslovaquia'
+    case 'Norway':
+      return 'Noruega'
+    case 'Finland':
+      return 'Finlandia'
+    case 'Bulgaria':
+      return 'Bulgaria'
+    case 'North Macedonia':
+      return 'Macedonia del Norte'
+    case 'Iceland':
+      return 'Islandia'
+    case 'Iran':
+      return 'Irán'
+    case 'United States':
+      return 'Estados Unidos'
+    case 'Mexico':
+      return 'México'
+    case 'Tunisia':
+      return 'Túnez'
+    case 'Japan':
+      return 'Japón'
+    case 'Argentina':
+      return 'Argentina'
+    case 'Canada':
+      return 'Canadá'
+    case 'Morocco':
+      return 'Marruecos'
+    case 'Brazil':
+      return 'Brasil'
+    case 'Cameroon':
+      return 'Camerún'
+    case 'Ghana':
+      return 'Ghana'
+    case 'South Korea':
+      return 'Corea del Sur'
+    case 'Saudi Arabia':
+      return 'Arabia Saudita'
+    default:
+      return team
+  }
+}

package/src/main.tsx

@@ -1,17 +1,16 @@
 import ReactDOM from 'react-dom'
 import React from 'react'
+import { App } from './App'
+import { ParameterProvider } from './contex/configureContext/ConfigureProvider'
 const { ipcRenderer } = require('electron')
-import { App } from './App';
-import { ParameterProvider } from './contex/configureContext/ConfigureProvider';
-let start: boolean = false
 
+let start: boolean = false
 ipcRenderer.on('preload', (_event: any, data: VixonicData) => {
   render(data)
 })
 
 ipcRenderer.on('start', (_event: any, data: VixonicData) => {
   start = true
-  // initialize(data)
   render(data)
 })
 
@@ -23,18 +22,10 @@ ipcRenderer.on('finish', (_event: any) => {
   console.log('finish')
 })
 
-
 function render(data: VixonicData) {
   ReactDOM.render(
     <ParameterProvider>
       <App data={data} start={start} />
     </ParameterProvider>
     , document.getElementById('root'))
-  // ReactDOM.render(React.createElement(App,{data, start}), document.getElementById('root'))
 }
-
-
-
-
-
-