60 lines
1.1 KiB
JavaScript
60 lines
1.1 KiB
JavaScript
import React from "react";
|
|
import SkillCard from "../skillCard";
|
|
import { format } from "date-format-parse";
|
|
|
|
function TwitterTweetsSkillCard({
|
|
title,
|
|
image,
|
|
tweets1,
|
|
tweets2,
|
|
tweets3,
|
|
url,
|
|
}) {
|
|
return (
|
|
<SkillCard title={title} image={image} url={url}>
|
|
<div className="skill-card-content">
|
|
Latest Tweet
|
|
<div className="skill-card-content-inner">
|
|
<a
|
|
href={
|
|
"https://twitter.com/Bravo68web/status/" +
|
|
tweets1?.id
|
|
}
|
|
>
|
|
<div>{tweets1?.text}</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div className="skill-card-content">
|
|
Previous Tweets
|
|
<div className="skill-card-content-inner">
|
|
<a
|
|
href={
|
|
"https://twitter.com/Bravo68web/status/" +
|
|
tweets2?.id
|
|
}
|
|
>
|
|
{tweets2?.text}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div className="skill-card-content">
|
|
<div className="skill-card-content-inner">
|
|
<a
|
|
href={
|
|
"https://twitter.com/Bravo68web/status/" +
|
|
tweets3?.id
|
|
}
|
|
>
|
|
{tweets3?.text}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</SkillCard>
|
|
);
|
|
}
|
|
|
|
export default TwitterTweetsSkillCard;
|