35 lines
1009 B
TypeScript
35 lines
1009 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} onClick={handleGoToChat}>
|
||
<div class={styles.avatar}>
|
||
<DialogAvatar name={props.name} url={props.userpic} online={props.online} />
|
||
</div>
|
||
<div class={styles.row}>
|
||
<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
|