flag new players

Author: hry-gh

src/components/newPlayers.tsx

@@ -52,30 +52,39 @@ export const NewPlayers: React.FC = () => {
         </thead>
         <tbody>
           {newPlayers.map((player) => (
-            <tr key={player.ckey}>
-              <td>
-                <NameExpand name={player.ckey} />
-              </td>
-              <td>
-                {new Date(
-                  Date.parse(player.firstJoinDate!.replace(" ", "T"))
-                ).toLocaleString()}
-              </td>
-              <td>
-                {new Date(
-                  Date.parse(player.byondAccountAge!.replace(" ", "T"))
-                ).toLocaleDateString()}
-              </td>
-              <td>
-                <DetailedCid cid={player.lastKnownCid} />
-              </td>
-              <td>
-                <DetailedIp ip={player.lastKnownIp} />{" "}
-              </td>
-            </tr>
+            <RenderNewPlayer player={player} key={player.ckey} />
           ))}
         </tbody>
       </table>
     </div>
   );
 };
+
+const RenderNewPlayer = (props: { player: Player }) => {
+  const { player } = props;
+
+  const firstJoin = new Date(
+    Date.parse(player.firstJoinDate!.replace(" ", "T"))
+  );
+
+  const byondAccountAge = new Date(Date.parse(player.byondAccountAge!));
+
+  const isNew =
+    firstJoin.getMilliseconds() - byondAccountAge.getMilliseconds() < 86400000;
+
+  return (
+    <tr className={isNew ? "border border-red-400 rounded" : ""}>
+      <td>
+        <NameExpand name={player.ckey} />
+      </td>
+      <td>{firstJoin.toLocaleString()}</td>
+      <td>{byondAccountAge.toLocaleDateString()}</td>
+      <td>
+        <DetailedCid cid={player.lastKnownCid} />
+      </td>
+      <td>
+        <DetailedIp ip={player.lastKnownIp} />{" "}
+      </td>
+    </tr>
+  );
+};