You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
861 B
TypeScript
30 lines
861 B
TypeScript
import { prependBaseUrl } from '../api'
|
|
import { Markdown } from './Markdown'
|
|
|
|
type Props = {
|
|
id: string
|
|
title: string
|
|
content: string
|
|
solutionsCount?: number
|
|
}
|
|
|
|
export const Problem = ({ id, title, content, solutionsCount }: Props) => {
|
|
return (
|
|
<div class="problem">
|
|
<div class="problem-header">
|
|
<div class="problem-title">
|
|
<a href={prependBaseUrl(`/problem/${id}`)}>{title}</a>
|
|
</div>
|
|
</div>
|
|
<div class="problem-content">
|
|
<Markdown source={content} />
|
|
</div>
|
|
{solutionsCount !== undefined && solutionsCount > 0 && (
|
|
<div class="problem-footer">
|
|
{solutionsCount} soluzion{solutionsCount === 1 ? 'e' : 'i'}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|