35 lines
985 B
TypeScript
35 lines
985 B
TypeScript
|
import './DialogCard.module.scss'
|
|||
|
|
import styles from './DialogCard.module.scss'
|
|||
|
|
import DialogAvatar from './DialogAvatar'
|
|||
|
|
import type { Author } from '../../graphql/types.gen'
|
|||
|
|
|
|||
|
|
type Props = {
|
|||
|
|
online?: boolean
|
|||
|
|
message?: string
|
|||
|
|
counter?: number
|
|||
|
|
} & Author
|
|||
|
|
|
|||
|
|
const DialogCard = (props: Props) => {
|
|||
|
|
return (
|
|||
|
|
<div class={styles.DialogCard}>
|
|||
|
|
<div class={styles.avatar}>
|
|||
|
|
<DialogAvatar name={props.name} url={props.userpic} online={props.online} />
|
|||
|
|
</div>
|
|||
|
|
<div class={styles.body}>
|
|||
|
|
<div class={styles.name}>{props.name}</div>
|
|||
|
|
<div class={styles.message}>
|
|||
|
|
Указать предпочтительные языки для результатов поиска можно в разделе
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class={styles.activity}>
|
|||
|
|
<div class={styles.time}>22:22</div>
|
|||
|
|
<div class={styles.counter}>
|
|||
|
|
<span>12</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default DialogCard
|