42 lines
1.1 KiB
JavaScript
42 lines
1.1 KiB
JavaScript
import React from "react";
|
|
import SkillCard from "../skillCard";
|
|
import SkillCardStyle from "../skillCard.styled";
|
|
import { format, parse } from "date-format-parse";
|
|
|
|
function OsuUserSkillCard({
|
|
title,
|
|
image,
|
|
accuracy,
|
|
level,
|
|
pp_raw,
|
|
country,
|
|
pp_rank,
|
|
// countryRank,
|
|
join_date,
|
|
maximum_combo,
|
|
total_score,
|
|
url,
|
|
}) {
|
|
return (
|
|
<SkillCard title={title} image={image} url={url}>
|
|
<div className="description">
|
|
Accuracy :- {Math.floor(accuracy)} %
|
|
</div>
|
|
<div className="description">Level :- {Math.floor(level)}</div>
|
|
<div className="description">PP :- {Math.floor(pp_raw)}</div>
|
|
<div className="description">Country :- {country}</div>
|
|
{/* <div className="description">Country Rank :- #{countryRank}</div> */}
|
|
<div className="description">Global Rank :- #{pp_rank}</div>
|
|
<div className="description">Max Combo :- {maximum_combo}</div>
|
|
<div className="description">
|
|
Total Score :- {total_score?.toLocaleString()}
|
|
</div>
|
|
<div className="description">
|
|
Joined on : {format(join_date, "DD MMM YYYY")}
|
|
</div>
|
|
</SkillCard>
|
|
);
|
|
}
|
|
|
|
export default OsuUserSkillCard;
|