Atproto AMA app
1import { SourceAttribution } from "~/components/SourceAttribution";
2import { formatWhen } from "~/lib/format";
3
4import styles from "~/routes/[handle].module.css";
5
6interface AnswerBlockProps {
7 content: string;
8 createdAt: Date | string;
9 sourceType?: string | null;
10 sourceUri?: string | null;
11 sourceData?: string | null;
12}
13
14export function AnswerBlock(props: AnswerBlockProps) {
15 return (
16 <div class={styles.answerBlock}>
17 <div class={styles.answerLabel}>Answer</div>
18 <div class={styles.answerText}>{props.content}</div>
19 <div class={styles.questionMeta}>
20 {formatWhen(props.createdAt)}
21 <SourceAttribution
22 sourceType={props.sourceType || "askimut"}
23 sourceUri={props.sourceUri}
24 sourceData={props.sourceData}
25 />
26 </div>
27 </div>
28 );
29}
30
31export default AnswerBlock;