steam-family-bot-core/lib/render/components/Player.js

一个用于新版 Steam 家庭的库存监控 Bot 插件

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
/** @jsxImportSource react */
const dayjs_1 = __importDefault(require("dayjs"));
const utils_1 = require("../../utils");
function PlayerItem({ player }) {
    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex dark items-center mx-4 hover:bg-zinc-700/30 cursor-pointer rounded-lg px-1 py-0.5 sm:px-4 sm:py-2`, children: [(0, jsx_runtime_1.jsx)("img", { src: `https://avatars.akamai.steamstatic.com/${player.avatar_hash}_full.jpg`, loading: 'lazy', className: `w-8 h-8 rounded-full` }), (0, jsx_runtime_1.jsxs)("div", { className: 'text-xs text-zinc-100/70 pl-2 flex flex-col', children: [(0, jsx_runtime_1.jsx)("span", { children: player.personaName }), (0, jsx_runtime_1.jsx)("span", { className: 'text-xs opacity-50', children: (0, utils_1.cooldownDurationTostring)(player.cooldownSecondsRemaining ?? 0) }), (0, jsx_runtime_1.jsx)("span", { className: 'text-[9px] opacity-50', children: dayjs_1.default.unix(player.timeJoined ?? 0).format('YY-MM-DD') })] })] }));
}
exports.default = PlayerItem;
//# sourceMappingURL=Player.js.map