remove warning

front
Gorji 3 years ago
parent 817fccd4fa
commit 76af91c37c
  1. 2
      src/views/Auth/Bio/FirstBio/FirstBio.js
  2. 2
      src/views/Auth/Bio/SecondBio/SecondBio.js
  3. 4
      src/views/Auth/Bio/ThirdBio/ThirdBio.js
  4. 2
      src/views/Auth/Login/Mobile/Mobile.js
  5. 2
      src/views/Auth/Logo/Logo.js
  6. 8
      src/views/ChatRoom/Body/Body.js
  7. 4
      src/views/ChatRoom/Body/ChatSuggest/ChatSuggest.js
  8. 4
      src/views/ChatRoom/Body/Message/Message2D/Message2D.js
  9. 4
      src/views/ChatRoom/Body/Message/NormalMessage/NormalMessage.js
  10. 4
      src/views/ChatRoom/Body/Message/RadioMessage/RadioMessage.js
  11. 2
      src/views/ChatRoom/ChatInfo/ChatInfo.js
  12. 12
      src/views/ChatRoom/ChatInfo/Gallery/Gallery.js
  13. 6
      src/views/Home/Body/ChatList/ChatList.js
  14. 20
      src/views/Home/Body/Location/Location.js
  15. 6
      src/views/Home/Header/Header.js
  16. 4
      src/views/Home/Header/NavbarDrawer/NavbarDrawer.js

@ -8,7 +8,7 @@ export default class FirstBio extends Component {
return( return(
<> <>
<img src={bioFirst} <img src={bioFirst}
style={{left : '-5%'}} /> style={{left : '-5%'}} alt="" />
<p> <p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
</p> </p>

@ -7,7 +7,7 @@ export default class SecondBio extends Component {
render() { render() {
return( return(
<> <>
<img src={bioSecond} style={{left : '-3%'}} /> <img src={bioSecond} style={{left : '-3%'}} alt="" />
<p> <p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
</p> </p>

@ -1,5 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import NavigateNextIcon from '@material-ui/icons/NavigateNext'; // import NavigateNextIcon from '@material-ui/icons/NavigateNext';
import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore'; import NavigateBeforeIcon from '@material-ui/icons/NavigateBefore';
import bioThird from '../../../../assets/icons/bioThird.png'; import bioThird from '../../../../assets/icons/bioThird.png';
@ -7,7 +7,7 @@ export default class SecondBio extends Component {
render() { render() {
return( return(
<> <>
<img src={bioThird} style={{left : '-2%',top : 10}} /> <img src={bioThird} style={{left : '-2%',top : 10}} alt="" />
<p> <p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
</p> </p>

@ -8,7 +8,7 @@ export default class Mobile extends Component {
<div className="login-mobile__top d-flex"> <div className="login-mobile__top d-flex">
<div>منتظرت بودیم</div> <div>منتظرت بودیم</div>
<p>شمارهتو بده تا کد تأیید رو برات بفرستم. دست دست نکن</p> <p>شمارهتو بده تا کد تأیید رو برات بفرستم. دست دست نکن</p>
<img src={phonenumber} /> <img src={phonenumber} alt=""/>
</div> </div>
<div className="login-mobile__input d-flex"> <div className="login-mobile__input d-flex">
<input type="text" maxLength={9} /> <input type="text" maxLength={9} />

@ -14,7 +14,7 @@ export default class Logo extends Component {
render() { render() {
return( return(
<div className="logo d-flex flex-column"> <div className="logo d-flex flex-column">
<img src={logo} style={{width : 150, height :150}}/> <img src={logo} style={{width : 150, height :150}} alt=""/>
<div className="logo__title d-flex"> <div className="logo__title d-flex">
<h1 style={{fontFamily : 'IRANSansNumeralBold'}}>ایما</h1> <h1 style={{fontFamily : 'IRANSansNumeralBold'}}>ایما</h1>
<span></span> <span></span>

@ -451,7 +451,7 @@ export default class Body extends Component {
text: prevState.message, text: prevState.message,
type : 'normal', type : 'normal',
voice : null, voice : null,
type : 'normal',
createdAt: now.toString(), createdAt: now.toString(),
image : null, image : null,
video : null, video : null,
@ -511,14 +511,14 @@ export default class Body extends Component {
}} }}
> >
{ {
this.state.data.messages.map(item => this.state.image === null && this.state.music === null && this.state.video === null ? ( this.state.data.messages.map((item,i) => this.state.image === null && this.state.music === null && this.state.video === null ? (
<Message key={item.id} file={this.state.image} document={this.state.document} message={item} user1={this.state.data.users[0]} user2={this.state.data.users[1]} /> <Message key={i} file={this.state.image} document={this.state.document} message={item} user1={this.state.data.users[0]} user2={this.state.data.users[1]} />
) : null) ) : null)
} }
{ {
this.state.image !== null ? this.state.image !== null ?
<div className="chat-body__content--preview d-flex"> <div className="chat-body__content--preview d-flex">
<img src={this.state.image} /> <img src={this.state.image} alt=""/>
</div> : null </div> : null
} }
{ {

@ -10,8 +10,8 @@ export default class ChatSuggest extends Component {
<div className="chat-suggest portrait-slider d-flex flex-column"> <div className="chat-suggest portrait-slider d-flex flex-column">
<Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}> <Carousel itemsToShow={1} isRTL={true} enableTilt={true} showArrows={false}>
{ {
suggest.map(item => ( suggest.map((item,i) => (
<Suggest item={item} key={item.id} /> <Suggest item={item} key={i} />
)) ))
} }
</Carousel> </Carousel>

@ -34,8 +34,8 @@ export default class Message2D extends Component {
<div className="message-2d__options--row d-flex"> <div className="message-2d__options--row d-flex">
{ {
option.map( option.map(
item => ( (item,i) => (
<div className="d-flex" style={{ width : `calc(100% / ${option.length} )`}} draggable={true}> <div key ={i} className="d-flex" style={{ width : `calc(100% / ${option.length} )`}} draggable={true}>
<span>{item.name}</span> <span>{item.name}</span>
</div> </div>
) )

@ -8,7 +8,7 @@ import './NormalMessage.scss';
export default class NormalMessage extends Component { export default class NormalMessage extends Component {
render(){ render(){
const {message, user1, user2,file,document} = this.props; const {message, user1, user2,document} = this.props;
return ( return (
<div <div
className="normal-message d-flex flex-column d-flex" className="normal-message d-flex flex-column d-flex"
@ -67,7 +67,7 @@ export default class NormalMessage extends Component {
{ {
message.image !== null ? message.image !== null ?
<div className="normal-message__box--caption"> <div className="normal-message__box--caption">
<a href={message.image} download><img src={message.image} download/></a> <a href={message.image} download><img src={message.image} download alt=""/></a>
<p id="2" style={{color: message.user.id === user1.id ? "white" : "black" }}>{message.text}</p> <p id="2" style={{color: message.user.id === user1.id ? "white" : "black" }}>{message.text}</p>
</div> </div>
: null : null

@ -42,8 +42,8 @@ export default class RadioMessage extends Component {
</div> </div>
<div className="message-2d__options d-flex flex-wrap justify-content-center"> <div className="message-2d__options d-flex flex-wrap justify-content-center">
{ {
message.options.map(item => ( message.options.map((item,i) => (
<div key={item.id} onClick={() => this.handleRadioChange(item.name)} className="message-2d__options--radio" style={{backgroundColor : item.name === this.state.value ? '#0000cc' : 'rgba(153, 153, 153, 0.87)',color : item.name === this.state.value ? 'white' : 'black'}}> <div key={i} onClick={() => this.handleRadioChange(item.name)} className="message-2d__options--radio" style={{backgroundColor : item.name === this.state.value ? '#0000cc' : 'rgba(153, 153, 153, 0.87)',color : item.name === this.state.value ? 'white' : 'black'}}>
{item.name} {item.name}
</div> </div>
)) ))

@ -37,7 +37,7 @@ export default class ChatInfo extends Component {
return ( return (
<div className="chat-info d-flex flex-column"> <div className="chat-info d-flex flex-column">
<div className="chat-info__image d-flex"> <div className="chat-info__image d-flex">
<img src={user.profileImages[0].src} onClick={() => this.setGallery('profile')} /> <img src={user.profileImages[0].src} onClick={() => this.setGallery('profile')} alt="" />
<div className="chat-info__image--float d-flex"> <div className="chat-info__image--float d-flex">
<ChatIcon style={{color : "white", width : 46, height : 46}} /> <ChatIcon style={{color : "white", width : 46, height : 46}} />
</div> </div>

@ -1,13 +1,13 @@
import React, { Component, useState } from 'react'; import React from 'react';
import Carousel from 'react-elastic-carousel'; import Carousel from 'react-elastic-carousel';
import CloseIcon from '@material-ui/icons/Close'; import CloseIcon from '@material-ui/icons/Close';
import './Gallery.scss'; import './Gallery.scss';
export default function Gallery(props) { export default function Gallery(props) {
const [state,setState] = useState({ // const [state,setState] = useState({
}); // });
return ( return (
<div className="gallery-modal d-flex justify-content align-items-center"> <div className="gallery-modal d-flex justify-content align-items-center">
<div onClick={() => props.onClick(null)}> <div onClick={() => props.onClick(null)}>
@ -16,8 +16,8 @@ export default function Gallery(props) {
</div> </div>
<Carousel itemsToShow={1} isRTL={true} enableTilt={false} showArrows={true}> <Carousel itemsToShow={1} isRTL={true} enableTilt={false} showArrows={true}>
{ {
props.data.map(item => ( props.data.map((item,i) => (
<Image item={item} key={item.id} /> <Image item={item} key={i} />
)) ))
} }
</Carousel> </Carousel>
@ -27,6 +27,6 @@ export default function Gallery(props) {
const Image = (props) => { const Image = (props) => {
return ( return (
<img style={{maxHeight : '50%', maxWidth : '100vw'}} src={props.item.src} /> <img style={{maxHeight : '50%', maxWidth : '100vw'}} src={props.item.src} alt=""/>
); );
} }

@ -1,7 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import Chat from './Chat/Chat'; import Chat from './Chat/Chat';
import photo from '../../../../assets/images/reza.png';
import pencil from '../../../../assets/icons/pencil.svg'; import pencil from '../../../../assets/icons/pencil.svg';
import logo from '../../../../assets/icons/logo.svg'; import logo from '../../../../assets/icons/logo.svg';
import './ChatList.scss'; import './ChatList.scss';
@ -31,8 +31,8 @@ export default class ChatList extends Component {
return ( return (
<div className="chat-list d-flex flex-column"> <div className="chat-list d-flex flex-column">
{ {
this.state.chats.map(item => ( this.state.chats.map((item,i) => (
<Chat key={item.id} data={item} /> <Chat key={i} data={item} />
)) ))
} }
<div className="chat-list__float d-flex" style={{filter:"grayscale(2)"}}> <div className="chat-list__float d-flex" style={{filter:"grayscale(2)"}}>

@ -1,22 +1,22 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { MapContainer, TileLayer, Marker, Popup, Tooltip,Circle } from "react-leaflet"; import { MapContainer, TileLayer, Marker, Tooltip,Circle } from "react-leaflet";
import L from 'leaflet'; import L from 'leaflet';
import NavigationIcon from '@material-ui/icons/Navigation'; import NavigationIcon from '@material-ui/icons/Navigation';
import DirectionsWalkIcon from '@material-ui/icons/DirectionsWalk'; import DirectionsWalkIcon from '@material-ui/icons/DirectionsWalk';
import MyLocationIcon from '@material-ui/icons/MyLocation'; import MyLocationIcon from '@material-ui/icons/MyLocation';
import blueM from '../../../../assets/icons/marker-blue.png'; import blueM from '../../../../assets/icons/marker-blue.png';
import greenM from '../../../../assets/icons/marker-green.png'; // import greenM from '../../../../assets/icons/marker-green.png';
import './Location.scss'; import './Location.scss';
const items = [{lat :35.73366050852552, lng : 51.414611756817976}]; // const items = [{lat :35.73366050852552, lng : 51.414611756817976}];
const selected = {}; // const selected = {};
const green = new L.Icon({ // const green = new L.Icon({
iconUrl: greenM, // iconUrl: greenM,
iconRetinaUrl: greenM, // iconRetinaUrl: greenM,
popupAnchor: [-0, -0], // popupAnchor: [-0, -0],
iconSize: [25,38], // iconSize: [25,38],
}); // });
const blue = new L.Icon({ const blue = new L.Icon({
iconUrl: blueM, iconUrl: blueM,
iconRetinaUrl: blueM, iconRetinaUrl: blueM,

@ -1,4 +1,4 @@
import React, { Component,useEffect,useState,useRef } from 'react'; import React, { useEffect,useState,useRef } from 'react';
import MenuIcon from '@material-ui/icons/Menu'; import MenuIcon from '@material-ui/icons/Menu';
import SearchIcon from '@material-ui/icons/Search'; import SearchIcon from '@material-ui/icons/Search';
import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt'; import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';
@ -66,7 +66,7 @@ export default function Header(props) {
{ {
state['searchFlag'] === true ? state['searchFlag'] === true ?
<div className="header__search d-flex"> <div className="header__search d-flex">
<div onClick={() => setState({ ...state, ['searchFlag']: !state['searchFlag']})}> <div onClick={() => setState({ ...state, searchFlag: !state.searchFlag})}>
<ArrowRightAltIcon style={{color : "rgb(111,108,255)" , width : 38, height : 38}} /> <ArrowRightAltIcon style={{color : "rgb(111,108,255)" , width : 38, height : 38}} />
</div> </div>
<input <input
@ -79,7 +79,7 @@ export default function Header(props) {
</div> </div>
</div> : </div> :
<> <>
<div onClick={() => setState({ ...state, ['searchFlag']: !state['searchFlag']})}> <div onClick={() => setState({ ...state, searchFlag: !state.searchFlag})}>
<SearchIcon style={{color : "white" , width : 38, height : 38}} /> <SearchIcon style={{color : "white" , width : 38, height : 38}} />
</div> </div>
<div className="chat-header__title d-flex"> <div className="chat-header__title d-flex">

@ -73,8 +73,8 @@ class NavbarDrawer extends Component {
</div> </div>
<div className="navbar-drawer__bottom mt-1"> <div className="navbar-drawer__bottom mt-1">
{ {
this.state.links.map(item => ( this.state.links.map((item,key) => (
<Link to={item.link} key={item.name} onClick={item.onClick || (() => item.link === "" ? toast.error(item.toast) : null)}> <Link to={item.link} key={key} onClick={item.onClick || (() => item.link === "" ? toast.error(item.toast) : null)}>
<div className="navbar-drawer__bottom--link d-flex"> <div className="navbar-drawer__bottom--link d-flex">
{item.icon} {item.icon}
<div>{item.name}</div> <div>{item.name}</div>

Loading…
Cancel
Save