46 lines
957 B
JavaScript
46 lines
957 B
JavaScript
import React from "react";
|
|
import SkillCard from "../skillCard";
|
|
import SkillCardStyle from "../skillCard.styled";
|
|
import { format, parse } from "date-format-parse";
|
|
|
|
function WakatimeUserSkillCard({
|
|
title,
|
|
image,
|
|
total_time,
|
|
average_weekly_time,
|
|
total_weekly_time,
|
|
joinedOn,
|
|
url,
|
|
}) {
|
|
return (
|
|
<SkillCard title={title} image={image} url={url}>
|
|
<div className="description">
|
|
Total Code time :-
|
|
<div className="value">
|
|
{total_time}
|
|
</div>
|
|
</div>
|
|
<div className="description">
|
|
Average Daily Code time :-
|
|
<div className="value">
|
|
{average_weekly_time}
|
|
</div>
|
|
</div>
|
|
<div className="description">
|
|
Total Weekly Code time :-
|
|
<div className="value">
|
|
{total_weekly_time}
|
|
</div>
|
|
</div>
|
|
<div className="description">
|
|
Joined on :-
|
|
<div className="value">
|
|
{format(joinedOn, "DD MMM YYYY")}
|
|
</div>
|
|
</div>
|
|
</SkillCard>
|
|
);
|
|
}
|
|
|
|
export default WakatimeUserSkillCard;
|