mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-23 05:24:18 +00:00
40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
import React from "react"
|
|
import SummaryBase from "../base/summary/SummaryBase"
|
|
import SummaryLeft from "../base/summary/SummaryLeft"
|
|
import { faComment, faImage } from "@fortawesome/free-solid-svg-icons"
|
|
import SummaryText from "../base/summary/SummaryText"
|
|
import SummaryRight from "../base/summary/SummaryRight"
|
|
|
|
|
|
/**
|
|
* A {@link SummaryBase} representing a tweet.
|
|
*
|
|
* @param tweet - The tweet to represent.
|
|
* @param props - Additional props to pass to the summary.
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
export default function SummaryTweet({ tweet, ...props }) {
|
|
let icon
|
|
if(tweet["image_url"]) {
|
|
icon = faImage
|
|
}
|
|
else {
|
|
icon = faComment
|
|
}
|
|
|
|
return (
|
|
<SummaryBase {...props}>
|
|
<SummaryLeft
|
|
icon={icon}
|
|
title={`@${tweet["poster"]}`}
|
|
subtitle={new Date(tweet["insert_time"]).toLocaleString()}
|
|
onClick={() => window.open(`https://twitter.com/${tweet["poster"]}/status/${tweet["snowflake"]}`)}
|
|
/>
|
|
<SummaryText>
|
|
{tweet.content}
|
|
</SummaryText>
|
|
<SummaryRight/>
|
|
</SummaryBase>
|
|
)
|
|
}
|