import React, { Component } from 'react'; import ChatIcon from '@material-ui/icons/Chat'; import FileTabs from './FileTabs'; import Gallery from './Gallery'; import user2 from '../../../assets/images/user2.png'; import './index.scss'; export default class ChatInfo extends Component { constructor(props) { super(props); this.state = { gallery: null, user: { profileImages: [ { id: 0, src: user2 }, { id: 1, src: user2 }, { id: 2, src: user2 }, { id: 3, src: user2 }, ], name: 'محسن محمدی', lastAct: '2 دقیقه پیش آنلاین بوده', bio: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد ', }, }; } setGallery = (val) => { this.setState({ gallery: val, }); }; render() { const { user, gallery } = this.state; return (
this.setGallery('profile')} alt="" />

{user.name}

{user.lastAct}

{user.bio}

{gallery === 'profile' ? ( ) : null} {gallery === 'media' ? : null}
); } }