diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 2976f08..61c0ccc 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -3,7 +3,12 @@ import { Box, Button, Flex, Heading, Text } from '@chakra-ui/react' import { useChallenge } from '../context/ChallengeContext' -export const Header = () => { +interface HeaderProps { + chainName?: string + taskProgress?: string +} + +export const Header = ({ chainName, taskProgress }: HeaderProps) => { const { nickname, logout } = useChallenge() if (!nickname) return null @@ -13,11 +18,21 @@ export const Header = () => { - Challenge Platform + {chainName || 'Challenge Platform'} - - {nickname} - + + + {nickname} + + {taskProgress && ( + <> + + + {taskProgress} + + + )} + - + )} {/* Результат проверки - требуется доработка */} {needsRevision && ( - - - ⚠️ - - Требуется доработка - - {finalSubmission?.feedback && ( - - - Комментарий проверяющего: + + + ⚠️ + + + + Требуется доработка - + + (попытка №{finalSubmission?.attemptNumber}) + + + {finalSubmission?.feedback && ( + {finalSubmission.feedback} - - )} - - Попытка №{finalSubmission?.attemptNumber} - - + )} + + )} - + Ваше решение