restructure website

2025-09-20 23:23:35 -04:00
parent 2da66f9fba
commit fec7f800cf
10 changed files with 280 additions and 383 deletions
@@ -0,0 +1,30 @@
+import type { NFLMatchupState } from "../../utils/types";
+import PlayerCell from "./PlayerCell";
+
+export function TeamRow({ roster }: { roster: NFLMatchupState }) {
+  return (
+    <div>
+      <div className="flex flex-wrap mb-2">
+        <img
+          width="30"
+          className="rounded-lg"
+          src={roster?.owner.metadata.avatar}
+        />
+        <h1 className="flex justify-center items-center mx-2 font-semibold">
+          {roster?.owner.metadata.team_name} | {roster?.points}
+          pt
+        </h1>
+      </div>
+
+      <div className="space-y-2 space-x-2 whitespace-nowrap overflow-x-scroll">
+        {roster?.starters.map((v, k) => {
+          return (
+            <div className="inline-block" key={k}>
+              <PlayerCell player={v} />
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}