update fantasy

src/components/fantasy/TeamRow.tsx

@@ -1,7 +1,13 @@
 import type { NFLMatchupState } from "../../utils/types";
 import PlayerCell from "./PlayerCell";
 
-export function TeamRow({ roster }: { roster: NFLMatchupState }) {
+export function TeamRow({
+  roster,
+  isWinning = false,
+}: {
+  roster: NFLMatchupState;
+  isWinning?: boolean;
+}) {
   return (
     <div>
       <div className="flex flex-wrap mb-2">
@@ -11,8 +17,10 @@ export function TeamRow({ roster }: { roster: NFLMatchupState }) {
           src={roster?.owner.metadata.avatar}
         />
         <h1 className="flex justify-center items-center mx-2 font-semibold">
-          {roster?.owner.metadata.team_name} | {roster?.points}
-          pt
+          {roster?.owner.metadata.team_name} |
+          <span className={`${isWinning && "text-green-500"} pl-1`}>
+            {roster?.points}pt
+          </span>
         </h1>
       </div>