@vixoniccom/footbal-score 1.0.1-beta.4 → 1.0.1-beta.5

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.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)

package/configuration.json

@@ -10,6 +10,15 @@
           "type": "label",
           "label": "Datos"
         },
+        {
+          "id": "timeRequest",
+          "type": "number-input",
+          "range": "[60000:12000000]",
+          "required": false,
+          "label": "Tiempo de actualización app",
+          "description": "Por defecto son 60000 ms (1 minutos)",
+          "defaultValue":"60000"
+        },
         {
           "type": "switch",
           "id": "titleEnabled",

package/package.json

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

package/src/App.tsx

@@ -19,8 +19,10 @@ export const App = ({ data, start }: Props) => {
   const { backgroundImage,
     padding,
     msj0 = '',
+    timeRequest
   } = parameters
- 
+    console.log("🚀 ~ file: App.tsx ~ line 24 ~ App ~ timeRequest", timeRequest)
+  
   let backgroundImageState = backgroundImage && backgroundImage.filename
     ? `url("${downloadsPath}/${backgroundImage.filename}")`
     : ''
@@ -31,12 +33,13 @@ export const App = ({ data, start }: Props) => {
   }
 
   //Request data every 5 minutes
-  // useEffect(() => {
-  //   const interval = setInterval(() => {
-  //     if (start) getData()
-  //   }, 300000)
-  //   return () => clearInterval(interval)
-  // }, [])
+  useEffect(() => {
+    const interval = setInterval(() => {
+      console.log('start', start)
+      if (start) getData()
+    }, timeRequest || 60000)
+    return () => clearInterval(interval)
+  }, [timeRequest])
 
   useEffect(() => {
     if (start) getData()

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

@@ -6,6 +6,7 @@ export const Results = (goals: any) => {
 
   const { configureState } = useContext(ConfigureContext)
   const { parameters } = configureState
+  console.log("🚀 ~ file: Results.tsx ~ line 9 ~ Results ~ parameters", parameters.goalsFormat)
 
 
   return (

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

@@ -1,6 +1,5 @@
 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';
@@ -23,8 +22,8 @@ export const Row = (item: any) => {
         rowGap,
         widthStatus,
         widthTime,
+        goalsFormat
     } = parameters
-        console.log("🚀 ~ file: Row.tsx ~ line 27 ~ Row ~ descriptionEnabled", descriptionEnabled)
 
     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"}`
@@ -64,7 +63,15 @@ export const Row = (item: any) => {
                 <img src={teams.home.logo} style={{ width: `${imageSize}%` }} />
             </div>
 
-            <Results goals={goals} />
+            <div style={{
+                display: 'flex',
+                justifyContent: 'center',
+            }}>
+                <FormattedText text={goals.home ? goals.home : 0} format={goalsFormat} />
+                <FormattedText text={"-"} format={goalsFormat} />
+                <FormattedText text={goals.away ? goals.away : 0} format={goalsFormat} />
+            </div>
+
             <div
                 style={{
                     display: 'flex',

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -62,7 +62,8 @@ const INITIAL_STATE: VixonicData = {
         columnGap: "10px",
         rowGap: "30px",
         widthStatus: "200px",
-        widthTime: "200px"
+        widthTime: "200px",
+        timeRequest: 60000
     }
 }
 

package/src/contex/configureContext/configureReducer.ts

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

package/src/parameters.d.ts

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

package/src/test/parameters.json

@@ -3,6 +3,7 @@
       "urlBaseApi": "mandomedio",
       "msj0": "No hay partidos",
       "statusEnabled": true,
+      "timeRequest":60000,
       "rowGap":"30px",
       "columnGap":"10px",
       "padding": "30px 25px 80px 40px",