import React from "react" import classnames from "classnames" import { DateTime } from "luxon" import { Skeleton } from "antd" import UserBadges from "@components/UserBadges" import { Icons } from "@components/Icons" import "./index.less" function getJoinLabel(jsDate) { const date = DateTime.fromJSDate(new Date(jsDate)) const month = String(date.toLocaleString({ month: "long" })).toTitleCase() const year = String(date.year) return `${month} ${year}` } const DroppableField = (props) => { const [collapsed, setCollapsed] = React.useState(true) return
setCollapsed(!collapsed)} >
{ collapsed ? : }
{ props.header }
{ props.children }
} export default (props) => { return
{ props.state.user.roles.includes("admin") &&
Administrators Team
}
ID

{props.state.user._id}

Followers

{props.state.followersCount}

Joined at { getJoinLabel(Number(props.state.user.created_at ?? props.state.user.createdAt)) }
{ props.state.user?.badges.length > 0 &&
Badges collected

{props.state.user?.badges.length}

} > }>
}
}