problemi/client/components/Problem.jsx

import { Markdown } from './Markdown.jsx'

export const Problem = ({ id, content, createdBy }) => {
    return (
        <div class="problem">
            <div class="problem-header">
                <div class="problem-title">
                    <a href={`/problem/${id}`}>Problema {id}</a>
                </div>
                {createdBy && <div class="problem-author">Creato da @{createdBy}</div>}
            </div>
            <div class="problem-content">
                <Markdown source={content} />
            </div>
        </div>
    )
}