30 lines
612 B
TypeScript
30 lines
612 B
TypeScript
import React from 'react';
|
|
import { QuestionData } from './QuestionsData';
|
|
|
|
interface Props {
|
|
data: QuestionData;
|
|
showContent?: boolean;
|
|
}
|
|
|
|
export const Question = ({ data, showContent }: Props) => (
|
|
<div>
|
|
<div>{data.title}</div>
|
|
{showContent && (
|
|
<div>
|
|
{data.content.length > 50
|
|
? `${data.content.substring(0, 50)}`
|
|
: data.content}
|
|
</div>
|
|
)}
|
|
<div>
|
|
{`Ask by ${
|
|
data.userName
|
|
} on ${data.created.toLocaleDateString()} ${data.created.toLocaleTimeString()}`}
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
Question.defaultProps = {
|
|
showContent: true,
|
|
};
|