add types

This commit is contained in:
IgnatOffice
2022-05-23 20:16:27 +03:00
parent bcfdfb7ffa
commit 7560836c2d
2 changed files with 17 additions and 8 deletions

View File

@@ -4,8 +4,11 @@ import MessageSender from './MessageSender'
import s from './Message.module.css' import s from './Message.module.css'
import FriendMessage from './FriendMessage' import FriendMessage from './FriendMessage'
// нужно создать правильный тип вместо any
export type MessageType = any
// структуру объекта не менять // структуру объекта не менять
export const message0 = { export const message0: MessageType = {
id: 0, id: 0,
user: { user: {
avatar: 'https://sun9-74.userapi.com/Ph-WiuOtF985il9AvN9JqiCWedmHtSGSSTXrSA/ltEB2Z2-YO4.jpg', avatar: 'https://sun9-74.userapi.com/Ph-WiuOtF985il9AvN9JqiCWedmHtSGSSTXrSA/ltEB2Z2-YO4.jpg',
@@ -16,8 +19,8 @@ export const message0 = {
time: '22:00', time: '22:00',
}, },
} }
export const friendMessage0 = { export const friendMessage0: MessageType = {
id: 0, id: 100,
user: { user: {
avatar: 'https://sun9-74.userapi.com/Ph-WiuOtF985il9AvN9JqiCWedmHtSGSSTXrSA/ltEB2Z2-YO4.jpg', avatar: 'https://sun9-74.userapi.com/Ph-WiuOtF985il9AvN9JqiCWedmHtSGSSTXrSA/ltEB2Z2-YO4.jpg',
name: 'Friend Name', name: 'Friend Name',
@@ -32,7 +35,8 @@ export const friendMessage0 = {
const HW1 = () => { const HW1 = () => {
return ( return (
<div id={'hw1'} className={s.hw1}> <div id={'hw1'} className={s.hw1}>
<hr/>{/*можно убрать этот тег*/} <hr/>
{/*можно убрать этот тег*/}
<div className={s.hwTitle}>homeworks 1</div> <div className={s.hwTitle}>homeworks 1</div>
@@ -45,8 +49,10 @@ const HW1 = () => {
{/*для автоматической проверки дз (не менять)*/} {/*для автоматической проверки дз (не менять)*/}
<MessageSender M={Message}/> <MessageSender M={Message}/>
<hr/>{/*можно убрать этот тег*/} <hr/>
<hr/>{/*можно убрать этот тег*/} {/*можно убрать этот тег*/}
<hr/>
{/*можно убрать этот тег*/}
</div> </div>
) )
} }

View File

@@ -1,8 +1,11 @@
import React from 'react' import React from 'react'
import s from './Message.module.css' import s from './Message.module.css'
// создать тип вместо any и отобразить приходящие данные // нужно создать правильный тип вместо any
const Message = (props: any) => { export type MessagePropsType = any
// нужно отобразить приходящие данные
const Message = (props: MessagePropsType) => {
return ( return (
<div id={'hw1-message-' + props.message.id} className={s.message}> <div id={'hw1-message-' + props.message.id} className={s.message}>
<img <img