@vixoniccom/footbal-score 1.0.1-beta.16 → 1.0.1-beta.17

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.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)

package/package.json

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

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

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react'
+import React, { useContext, useEffect, useState } from 'react'
 // import { TeamItems } from './TeamItems'
 import { Time } from './Time';
 import { FormattedText } from '../FormattedText';
@@ -12,6 +12,8 @@ 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,
@@ -25,14 +27,44 @@ export const Row = (item: any) => {
         widthStatus,
         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)
-    let idHome = teams.home.id
-    let idAway = teams.away.id
+
+
+    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)
+    },[])
+
 
     return (
         <div
@@ -58,6 +90,8 @@ export const Row = (item: any) => {
                 <div style={{
                     display: 'flex',
                     justifyContent: 'flex-end',
+                    minWidth: '100px',
+                    marginRight: '5px'
                 }}>
                     <FormattedText text={nameHome} format={descriptionFormat} />
                 </div>
@@ -69,8 +103,8 @@ export const Row = (item: any) => {
                 alignItems: 'center',
             }}>
                 {
-                    idHome ?
-                    <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/${idHome}.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />:
+                    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' }} />
 
                 }
@@ -81,20 +115,28 @@ export const Row = (item: any) => {
             <div
                 style={{
                     display: 'flex',
-                    justifyContent: 'center',
+                    justifyContent: 'flex-start',
                     width: '100%',
                     alignItems: 'center'
                 }}
             >
                 {
-                    idAway ?
-                    <img src={`https://storage.googleapis.com/vixoniccom-emails/results_flags/${idAway}.png`} style={{ width: `${imageSize ? imageSize : 100}%`, objectFit: 'contain' }} />
+                    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' }} />
                 }
             </div>
             {
                 descriptionEnabled &&
-                <FormattedText text={nameAway} format={descriptionFormat} />
+                <div
+                    style={{
+                        display: 'flex',
+                        justifyContent: 'flex-start',
+                        minWidth: '100px'
+                    }}
+                >
+                    <FormattedText text={nameAway} format={descriptionFormat} />
+                </div>
             }
         </div >
     )