/* eslint-disable */
import React from 'react';
import PropTypes from 'prop-types';

import connect from "@vkontakte/vk-connect";
import Persik from './Persik';
import House from './House';
import Pet from './Pet';
import MyPet from './MyPet';
import MyHouse from './MyHouse';
import Dop from './Dop';
import Top from './Top';
import Reit from './Reit';
import Sett from './Sett';
import Icon28BugOutline from '@vkontakte/icons/dist/28/bug_outline';
import Transfer from './Transfer';
import Katalog from './Katalog';
import Icon28Game from '@vkontakte/icons/dist/28/game';
import Icon36Coins from '@vkontakte/icons/dist/36/coins';
import Imus from './Imus';
import Icon28FireOutline from '@vkontakte/icons/dist/28/fire_outline';
import Icon24Replay from '@vkontakte/icons/dist/24/replay';
import Icon24Gift from '@vkontakte/icons/dist/24/gift';
import Icon24Airplay from '@vkontakte/icons/dist/24/airplay';
import Icon28MoneyTransfer from '@vkontakte/icons/dist/28/money_transfer';
import Icon56UsersOutline from '@vkontakte/icons/dist/56/users_outline';
import Icon28UsersOutline from '@vkontakte/icons/dist/28/users_outline';
import Icon16Fire from '@vkontakte/icons/dist/16/fire';
import Icon24Mention from '@vkontakte/icons/dist/24/mention';
import Icon24Up from '@vkontakte/icons/dist/24/up';
import Icon24Market from '@vkontakte/icons/dist/24/market';
import Icon24Poll from '@vkontakte/icons/dist/24/poll';
import Icon24Coins from '@vkontakte/icons/dist/24/coins';
import Icon24MoneyTransfer from '@vkontakte/icons/dist/24/money_transfer';
import Icon24Favorite from '@vkontakte/icons/dist/24/favorite';
import Icon24Bug from '@vkontakte/icons/dist/24/bug';
import Icon56FireOutline from '@vkontakte/icons/dist/56/fire_outline';
import Icon24Send from '@vkontakte/icons/dist/24/send';
import Icon24Qr from '@vkontakte/icons/dist/24/qr';
import Icon24Game from '@vkontakte/icons/dist/24/game';
import Icon24Home from '@vkontakte/icons/dist/24/home';
import Icon24Followers from '@vkontakte/icons/dist/24/followers';
import Icon56InboxOutline from '@vkontakte/icons/dist/56/inbox_outline';
import Icon24Services from '@vkontakte/icons/dist/24/services';
import Icon24BrowserForward from '@vkontakte/icons/dist/24/settings';
import Icon24UserOutline from '@vkontakte/icons/dist/24/user_outline';
import Icon24Flash from '@vkontakte/icons/dist/24/flash';
import Icon24Similar from '@vkontakte/icons/dist/24/similar';
import Icon24Live from '@vkontakte/icons/dist/24/live';
import Icon24Repeat from '@vkontakte/icons/dist/24/repeat';
import Icon56HideOutline from '@vkontakte/icons/dist/56/hide_outline';
import Icon24Linked from '@vkontakte/icons/dist/24/linked';
import Icon28ChevronBack from '@vkontakte/icons/dist/28/chevron_back';
import Icon16Done from '@vkontakte/icons/dist/16/done';

import Icon24VideoFillNone from '@vkontakte/icons/dist/24/video_fill_none';
import './assets/css/bootstrap.css';
import Icon24Story from '@vkontakte/icons/dist/24/story';
import Icon24Back from '@vkontakte/icons/dist/24/back';

import './assets/css/dop.css';
import '@vkontakte/vkui/dist/vkui.css';
import { Panel, Separator, Snackbar,  CellButton, Alert, Link, InfoRow, Placeholder, PanelHeader, HeaderButton, FormStatus, platform, IOS, Group, Cell, TabsItem, Avatar, FixedLayout, HorizontalScroll, Tabs, List, FormLayout, Button, Div, Input, Footer, FormLayoutGroup } from '@vkontakte/vkui';


import persik from '../img/persik.png';
import './Persik.css';

class Chat extends React.Component {

    constructor (props) {
      super(props);
    }

    render () {
let { id, add1, res, chat_photo1, chat_photo2, chat_photo3, chat_photo4, chat_photo5, chat_photo6, chat_photo7, chat_photo8, chat_photo9, chat_photo10, chat_message1, chat_message2, chat_message3, chat_message4, chat_message5, chat_message6, chat_message7, chat_message8, chat_message9, chat_message10, chat_d1, chat_d2, chat_d3, chat_d4, chat_d5, chat_d6, chat_d7, chat_d8, chat_d9, chat_d10, chat_un1, chat_un2, chat_un3, chat_un4, chat_un5, chat_un6, chat_un7, chat_un8, chat_un9, chat_un10, chat_u1, chat_u2, chat_u3, chat_u4, chat_u5, chat_u6, chat_u7, chat_u8, chat_u9, chat_u10, userAcc, promo1, promo2, promo3,  promo_s1,  promo_s2,  promo_s3, modal, handlePromoChange, handlePromoSubmit, openDefaulte, share, openDef, clicks, addv, setActiveModal, MODAL_PAGE_FILTERS,  reputation, speed, aspeed, fetchedUser, go, priv, name, dark, light } = this.props;
      return (

 <Panel id="chat" >
<PanelHeader
left={<HeaderButton onClick={() => window.history.back()} >
                {<Icon28ChevronBack/>}
            </HeaderButton>}
>
Чат

</PanelHeader>
   <Cell
       multiline
            size="l"
            indicator={<small>{chat_d10} </small>}
            before={<Avatar src={chat_photo10} size={40}></Avatar>}
          >
           <b>{chat_un10}</b>
           <br/ >
       <small>{chat_message10} </small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d9} </small>}
            before={<Avatar src={chat_photo9} size={40}></Avatar>}
          >
          <b> {chat_un9} </b>
           <br/ >
          <small>{chat_message9} </small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d8} </small>}
            before={<Avatar src={chat_photo8} size={40}></Avatar>}
          >
          <b> {chat_un8} </b>
           <br/ >
          <small> {chat_message8}</small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d7} </small>}
            before={<Avatar src={chat_photo7} size={40}></Avatar>}
          >
           <b> {chat_un7} </b>
           <br/ >
           <small>{chat_message7} </small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d6} </small>}
            before={<Avatar src={chat_photo6} size={40}></Avatar>}
          >
           <b>{chat_un6}</b>
           <br/ >
           <small>{chat_message6}</small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d5} </small>}
            before={<Avatar src={chat_photo5} size={40}></Avatar>}
          >
           <b>{chat_un5}</b>
           <br/ >
           <small> {chat_message5} </small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d4} </small>}
            before={<Avatar src={chat_photo4} size={40}></Avatar>}
          >
          <b> {chat_un4} </b>
           <br/ >
           < small>{chat_message4}</small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d3} </small>}
            before={<Avatar src={chat_photo3} size={40}></Avatar>}
          >
           <b>{chat_un3}</b>
           <br/ >
          <small> {chat_message3}</small>
                        </Cell>
                           <Cell multiline
            size="l"
            indicator={<small>{chat_d2} </small>}
            before={<Avatar src={chat_photo2} size={40}></Avatar>}
          >
          <b> {chat_un2}</b>
           <br/ >
          <small> {chat_message2} </small>
                        </Cell>
              <Cell multiline
            size="l"
            indicator={<small>{chat_d1} </small>}
            before={<Avatar src={chat_photo1} size={40}></Avatar>}
          >
           <b>{chat_un1}</b>
           <br/ >
           < small>{chat_message1} </small>
                        </Cell>
    <FixedLayout vertical="bottom">
                 <Cell
                    asideContent={
                        <Button

                        >
                            <Icon24Send/>
                        </Button>
                    }
                >
                    <Input/>
                </Cell>
            </FixedLayout>
          </Panel>
      )
    }
  }

export default Chat;