Add away details

HoorayJorge · Oct 3, 2022 · 104d559 · 104d559
1 parent 70b8ea2
commit 104d559
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/components/Scoreboard.jsx b/src/components/Scoreboard.jsx
@@ -1,17 +1,20 @@
 import React from 'react'
 
 
-const Scoreboard = ({ heat, logo, shortName, abbreviation, clock, homeScore, awayScore, network, detail, channel, start }) => {
+const Scoreboard = ({ heat, homeLogo, awayLogo, shortName, homeAbbreviation, awayAbbreviation, clock, homeScore, awayScore, network, detail, channel, start }) => {
     return (
         <tr>
             <td>{heat}</td>
             <td className="badge-td">
-                <img src={logo} alt={abbreviation} />
+                <img src={awayLogo} alt={homeAbbreviation} />
+            </td>
+            <td className="badge-td">
+                <img src={homeLogo} alt={awayAbbreviation} />
             </td>
             <td>{shortName}</td>
             <td>{clock}</td>
-            <td>{homeScore}</td>
             <td>{awayScore}</td>
+            <td>{homeScore}</td>
             <td>{network}</td>
             <td>{detail}</td>
             <td>{channel}</td>

diff --git a/src/views/Home/index.jsx b/src/views/Home/index.jsx
@@ -39,8 +39,10 @@ export function App() {
 
             return rows.push(
                 {
-                    logo: item.competitions[0].competitors[0].team.logo,
-                    abbreviation: item.competitions[0].competitors[0].team.abbreviation,
+                    awayLogo: item.competitions[0].competitors[1].team.logo,
+                    homeLogo: item.competitions[0].competitors[0].team.logo,
+                    homeAbbreviation: item.competitions[0].competitors[0].team.abbreviation,
+                    awayAbbreviation: item.competitions[0].competitors[1].team.abbreviation,
                     shortName: item.shortName,
                     clock: item.status.displayClock,
                     homeScore: item.competitions[0].competitors[0].score,
@@ -91,11 +93,12 @@ export function App() {
                     <thead className='bg-light'>
                         <tr>
                             <th className="position">Heat</th>
+                            <th className="team">Away Logo</th>
                             <th className="team">Home Logo</th>
                             <th className="shortname">Shortname</th>
                             <th className="played">Clock</th>
-                            <th className="won">Home Score</th>
-                            <th className="draw">Away Score</th>
+                            <th className="won">Away Score</th>
+                            <th className="draw">Home Score</th>
                             <th className="lost">Network</th>
                             <th className="lost">Status</th>
                             <th className="lost">DirecTV Channel</th>