/
Rics
/
JobReady
Обзор
Документация
Войти
/
Rics
/
JobReady
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
Front/src/shared/components/TaskDescription/TaskDescription.tsx
48 строк
2 KB
Rics
add app
16 сен 2025, 16:56
16 сен 2025, 16:56
75981cd
Код
Авторство
О чём код?
import { TaskLevel } from "@shared/components"; import styles from "./desc.module.scss"; import { Task } from "@/models"; type Props = { number: number; task: Task; }; export const TaskDescription = ({ number, task }: Props) => { return ( <div className={styles.task_description}> <div className={styles.header}> <div className={styles.titleWrapper}> <h2 className={styles.title}> <span className={styles.number}>{number}.</span> {task.title} </h2> </div> <TaskLevel level={task.level} /> </div> <p className={styles.desc}>{task.description}</p> <h3 className={styles.format}>Формат ввода</h3> <p className={styles.value}>{task.inputFormat}</p> <h3 className={styles.format}>Формат вывода</h3> <p className={styles.value}>{task.outputFormat}</p> {task.examples.map((ex, i) => ( <div key={i} className={styles.example}> <h4 className={styles.example_number}>Пример {i + 1}</h4> <div className={styles.example_pair}> <div className={styles.input}> <strong className={styles.strong}>Ввод</strong> <pre className={styles.val}>{ex.input}</pre> </div> <div className={styles.output}> <strong className={styles.strong}>Вывод</strong> <pre className={styles.val}>{ex.output}</pre> </div> </div> </div> ))} </div> ); };