@vixoniccom/footbal-score 1.0.1-beta.19 → 1.0.1-beta.2

package/CHANGELOG.md

@@ -2,42 +2,6 @@
 
 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.0.1-beta.19](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.18...v1.0.1-beta.19) (2022-11-23)
-
-### [1.0.1-beta.18](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.17...v1.0.1-beta.18) (2022-11-23)
-
-### [1.0.1-beta.17](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.16...v1.0.1-beta.17) (2022-11-23)
-
-### [1.0.1-beta.16](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.15...v1.0.1-beta.16) (2022-11-23)
-
-### [1.0.1-beta.15](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.14...v1.0.1-beta.15) (2022-11-22)
-
-### [1.0.1-beta.14](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.13...v1.0.1-beta.14) (2022-11-22)
-
-### [1.0.1-beta.13](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.12...v1.0.1-beta.13) (2022-11-22)
-
-### [1.0.1-beta.12](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.11...v1.0.1-beta.12) (2022-11-22)
-
-### [1.0.1-beta.11](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.10...v1.0.1-beta.11) (2022-11-22)
-
-### [1.0.1-beta.10](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.9...v1.0.1-beta.10) (2022-11-21)
-
-### [1.0.1-beta.9](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.8...v1.0.1-beta.9) (2022-11-21)
-
-### [1.0.1-beta.8](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.7...v1.0.1-beta.8) (2022-11-21)
-
-### [1.0.1-beta.6](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.7...v1.0.1-beta.6) (2022-11-21)
-
-### [1.0.1-beta.7](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.6...v1.0.1-beta.7) (2022-11-21)
-
-### [1.0.1-beta.6](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.5...v1.0.1-beta.6) (2022-11-21)
-
-### [1.0.1-beta.5](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.4...v1.0.1-beta.5) (2022-11-21)
-
-### [1.0.1-beta.4](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.3...v1.0.1-beta.4) (2022-11-16)
-
-### [1.0.1-beta.3](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.2...v1.0.1-beta.3) (2022-11-16)
-
 ### [1.0.1-beta.2](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.1...v1.0.1-beta.2) (2022-11-16)
 
 ### [1.0.1-beta.1](https://gitlab.com/mandomedio/vixonic/football-score/compare/v1.0.1-beta.0...v1.0.1-beta.1) (2022-11-15)

package/configuration.json

@@ -10,43 +10,6 @@
           "type": "label",
           "label": "Datos"
         },
-        {
-					"id": "updateTime",
-					"type": "select-input",
-					"required": true,
-					"label": "Actualización",
-					"defaultValue": 300000,
-					"items": [
-            {
-							"label": "5 minutos",
-							"value": 300000
-						},
-						{
-							"label": "10 minutos",
-							"value": 600000
-						},
-						{
-							"label": "30 minutos",
-							"value": 1800000
-						},
-						{
-							"label": "1 hora",
-							"value": 3600000
-						},
-						{
-							"label": "6 horas",
-							"value": 21600000
-						},
-						{
-							"label": "12 horas",
-							"value": 43200000
-						},
-						{
-							"label": "Diario",
-							"value": 86400000
-						}
-					]
-				},
         {
           "type": "switch",
           "id": "titleEnabled",
@@ -133,21 +96,14 @@
           "type": "text-input",
           "required": false,
           "label": "Ancho columna fecha partido",
-          "description": "Agregar en px, ejemplo 100px. (Por defecto son 200px)",
-          "defaultValue":"200px"
-        },
-        {
-          "type": "text-format",
-          "id": "statusFormat",
-          "label": "Formato Status"
+          "description": "Agregar en px, ejemplo 100px. (Por defecto son 200px)"
         },
         {
           "id": "widthStatus",
           "type": "text-input",
           "required": false,
           "label": "Ancho columna Status Partido",
-          "description": "Agregar en px, ejemplo 100px. (Por defecto son 200px)",
-          "defaultValue":"200px"
+          "description": "Agregar en px, ejemplo 100px. (Por defecto son 200px)"
         },
         {
           "type": "text-format",
@@ -159,8 +115,7 @@
           "type": "text-input",
           "required": false,
           "label": "Ancho columna Goles",
-          "description": "Agregar en px, ejemplo 100px. (Por defecto son 100px)",
-          "defaultValue":"200px"
+          "description": "Agregar en px, ejemplo 100px. (Por defecto son 100px)"
         },
         {
           "type": "switch",
@@ -180,8 +135,7 @@
           "required": false,
           "label": "Ancho columna Nombre Equipo",
           "show": "{{descriptionEnabled}} === true",
-          "description": "Agregar en px, ejemplo 100px. (Por defecto son 200px)",
-          "defaultValue":"200px"
+          "description": "Agregar en px, ejemplo 100px. (Por defecto son 200px)"
         },
         {
           "type": "label",
@@ -199,8 +153,7 @@
           "type": "text-input",
           "required": false,
           "label": "Ancho columna Bandera",
-          "description": "Agregar en px, ejemplo 100px. (Por defecto son 300px)",
-          "defaultValue":"300px"
+          "description": "Agregar en px, ejemplo 100px. (Por defecto son 300px)"
         }
       ]
     }

package/package.json

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

package/src/App.tsx

@@ -10,7 +10,7 @@ type Props = {
 }
 
 export const App = ({ data, start }: Props) => {
-   const [dataFixture, setDataFixture] = useState([]);
+  const [dataFixture, setDataFixture] = useState([]);
 
   const { configureState, addConfiguration } = useContext(ConfigureContext)
 
@@ -19,10 +19,8 @@ export const App = ({ data, start }: Props) => {
   const { backgroundImage,
     padding,
     msj0 = '',
-    updateTime
   } = parameters
-    console.log("🚀 ~ file: App.tsx ~ line 24 ~ App ~ updateTime", updateTime)
-
+ 
   let backgroundImageState = backgroundImage && backgroundImage.filename
     ? `url("${downloadsPath}/${backgroundImage.filename}")`
     : ''
@@ -32,20 +30,19 @@ export const App = ({ data, start }: Props) => {
     setDataFixture(data);
   }
 
+  //Request data every 5 minutes
+  // useEffect(() => {
+  //   const interval = setInterval(() => {
+  //     if (start) getData()
+  //   }, 300000)
+  //   return () => clearInterval(interval)
+  // }, [])
 
   useEffect(() => {
-    console.log('entro aquí')
     if (start) getData()
     addConfiguration(data)
   }, [data])
 
-  //Request data every 5 minutes
-  useEffect(() => {
-    const interval = setInterval(() => {
-      getData()
-    }, updateTime || 300000)
-    return () => clearInterval(interval)
-  }, [updateTime])
 
 
 
@@ -63,7 +60,7 @@ export const App = ({ data, start }: Props) => {
           padding: padding
         }}
       >
-        <FontLoader paths={['nameFormat.font','statusFormat.font', 'timeFormat.font','titleFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font', 'goalsFormat.font']} parameters={parameters} downloadsPath={downloadsPath} />
+        <FontLoader paths={['nameFormat.font', 'descriptionFormat.font', 'dateDayFormat.font', 'dateMonthFormat.font']} parameters={parameters} downloadsPath={downloadsPath} />
         {
           parameters.titleEnabled &&
           <div style={{

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

@@ -2,11 +2,11 @@ import React, { useContext } from 'react'
 import { ConfigureContext } from '../../contex/configureContext/ConfigureContext'
 import { FormattedText } from '../FormattedText'
 
-export const  Results = (goals: any) => {
+export const Results = (goals: any) => {
 
   const { configureState } = useContext(ConfigureContext)
   const { parameters } = configureState
- 
+
 
   return (
     <div style={{

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

@@ -1,19 +1,16 @@
-import React, { useContext, useEffect, useState } from 'react'
+import React, { useContext } from 'react'
 // import { TeamItems } from './TeamItems'
+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 } = item.item;
     const { configureState } = useContext(ConfigureContext)
     const { parameters } = configureState
-    const [homeTeam, setHomeTeam] = useState(false);
-    const [awayTeam, setAwayTeam] = useState(false);
 
     const {
         descriptionEnabled,
@@ -28,42 +25,8 @@ 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 nameHome = translateTeams(teams.home.name)
-    let nameAway = translateTeams(teams.away.name)
-
-
-    const requestFlagHome = async (id: any) => {
-        try {
-            const resp1 = await fetch(`https://storage.googleapis.com/vixoniccom-emails/results_flags/${id}.png`)
-            if (resp1.status === 200) {
-                setHomeTeam(true)
-            }
-        } catch (error) {
-            console.log(error)
-            setHomeTeam(false)
-        }
-    }
-
-    const requestFlagAway = async (id: any) => {
-        try {
-            const resp1 = await fetch(`https://storage.googleapis.com/vixoniccom-emails/results_flags/${id}.png`)
-            if (resp1.status === 200) {
-                setAwayTeam(true)
-            }
-        } catch (error) {
-            console.log(error)
-            setAwayTeam(false)
-
-        }
-    }
-
-    useEffect(() => {
-        requestFlagHome(teams.home.id)
-        requestFlagAway(teams.away.id)
-    }, [])
+    let gridColumns = descriptionEnabled ? `${widthTime} ${widthStatus} ${widthDescription}  ${widthImage} ${widthScore} ${widthImage} ${widthDescription}` :
+        ` ${widthTime} ${widthStatus} ${widthImage} ${widthScore} ${widthImage}`
 
 
     return (
@@ -71,35 +34,17 @@ export const Row = (item: any) => {
             style={{
                 display: 'grid',
                 gridTemplateColumns: `${gridColumns}`,
-                columnGap: `${columnGap || "10px"}`,
+                columnGap: `${columnGap}`,
                 width: '100%',
-                height: '100%',
                 alignItems: 'center',
                 placeContent: 'center',
-                padding: `${rowGap || "30px"} 0px`,
+                padding: `${rowGap} 0px`,
                 justifyContent: 'center'
             }}
         >
-            <div
-                style={{
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                }}
-            >
-                <Time time={Number(fixture.timestamp)} />
-
-            </div>
-
-            <div
-                style={{
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                 }}
-            >
-                <Status status={fixture.status.short} />
-
-            </div>
+            <Time time={Number(fixture.timestamp)} />
 
+            <Status status={fixture.status.short} />
 
 
             {
@@ -107,56 +52,29 @@ export const Row = (item: any) => {
                 <div style={{
                     display: 'flex',
                     justifyContent: 'flex-end',
-                    minWidth: '150px',
-                    marginRight: '5px'
                 }}>
-                    <FormattedText text={nameHome} format={descriptionFormat} />
+                    <FormattedText text={teams.home.name} format={descriptionFormat} />
                 </div>
             }
             <div style={{
                 display: 'flex',
                 justifyContent: 'center',
-                width: '100%',
-                alignItems: 'center',
-                marginLeft: '5px'
             }}>
-                {
-                    homeTeam ?
-                        <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/${teams.home.id}.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} /> :
-                        <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/0000.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
-
-                }
+                <img src={teams.home.logo} style={{ width: `${imageSize}%` }} />
             </div>
 
             <Results goals={goals} />
-
             <div
                 style={{
                     display: 'flex',
-                    justifyContent: 'flex-start',
-                    width: '100%',
-                    alignItems: 'center',
-                    marginRight: '5px'
+                    justifyContent: 'center',
                 }}
             >
-                {
-                    awayTeam ?
-                        <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/${teams.away.id}.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
-                        : <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/0000.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
-                }
+                <img src={teams.away.logo} style={{ width: `${imageSize}%` }} />
             </div>
             {
                 descriptionEnabled &&
-                <div
-                    style={{
-                        display: 'flex',
-                        justifyContent: 'flex-start',
-                        marginLeft: '10px',
-                        minWidth: '150px'
-                    }}
-                >
-                    <FormattedText text={nameAway} format={descriptionFormat} />
-                </div>
+                <FormattedText text={teams.away.name} format={descriptionFormat} />
             }
         </div >
     )

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

@@ -9,26 +9,14 @@ export const Status = ({
     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

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -50,20 +50,20 @@ const INITIAL_STATE: VixonicData = {
         template: "",
         textAlignment: "center",
         textPosition: 0,
-        updateTime: 300000,
+        updateTime: 0,
         urlBaseApi: "",
         imageMargin: "",
         textMargin: "",
         dateMargin: "",
         separator: false,
         widthDescription: "200px",
-        widthImage: "300px",
+        widthImage: "1000px",
         widthScore: "100px",
         columnGap: "10px",
         rowGap: "30px",
         widthStatus: "200px",
-        widthTime: "200px",
-     }
+        widthTime: "200px"
+    }
 }
 
 interface props {

package/src/contex/configureContext/configureReducer.ts

@@ -51,7 +51,7 @@ export const parameterReducer = (state: VixonicData, action: ConfigureAction) =>
                     rowGap: parameters.rowGap,
                     widthTime: parameters.widthTime,
                     widthStatus: parameters.widthStatus,
-                 }
+                }
             }
         default:
             return state;

package/src/helpers/getFixture.ts

@@ -1,26 +1,20 @@
-import moment from 'moment';
+// import moment from 'moment';
 const axios = require("axios");
 
 export const getFixture = async () => {
 
-    const today = moment().format('YYYY-MM-DD')
+    // const today = moment().format('YYYY-MM-DD')    
     // console.log("🚀 ~ file: getFixture.ts ~ line 6 ~ getFixture ~ today", today)
 
     const options = {
         method: 'GET',
         url: 'https://api-football-v1.p.rapidapi.com/v3/fixtures',
-        params: { date: `${today}`, league: '1', season: '2022' },
+        params: { date: '2022-11-21', league: '1', season: '2022' },
         headers: {
             '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);
-        return []
-    }
-
+    const response = await axios.request(options)
+    return response.data.response
 }

package/src/parameters.d.ts

@@ -25,7 +25,6 @@ declare type VixonicParameters = Partial<{
   dateDayFormat: DateFormat
   timeFormat: DateFormat
   goalsFormat: DateFormat
-  updateTime: number
   dateEnabled: boolean
   title0: string
   titleEnabled: boolean

package/src/test/parameters.json

@@ -3,9 +3,13 @@
       "urlBaseApi": "mandomedio",
       "msj0": "No hay partidos",
       "statusEnabled": true,
-      "timeRequest":60000,
+      "widthDescription" : "200px",
+      "widthImage": "300px",
+      "widthScore": "100px",
       "rowGap":"30px",
       "columnGap":"10px",
+      "widthStatus": "200px",
+      "widthTime": "200px",
       "padding": "30px 25px 80px 40px",
       "dataMode": "monthly",
       "template": "standard",

package/src/helpers/translateTeams.ts

@@ -1,91 +0,0 @@
-
-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
-    }
-}