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(
<>
<img src={bioFirst}
style={{left : '-5%'}} />
style={{left : '-5%'}} alt="" />
<p>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی میباشد.
</p>

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

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

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

@ -14,7 +14,7 @@ export default class Logo extends Component {
render() {
return(
<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">
<h1 style={{fontFamily : 'IRANSansNumeralBold'}}>ایما</h1>
<span></span>

@ -451,7 +451,7 @@ export default class Body extends Component {
text: prevState.message,
type : 'normal',
voice : null,
type : 'normal',
createdAt: now.toString(),
image : 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 ? (
<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]} />
this.state.data.messages.map((item,i) => this.state.image === null && this.state.music === null && this.state.video === null ? (
<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)
}
{
this.state.image !== null ?
<div className="chat-body__content--preview d-flex">
<img src={this.state.image} />
<img src={this.state.image} alt=""/>
</div> : null
}
{

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

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

@ -8,7 +8,7 @@ import './NormalMessage.scss';
export default class NormalMessage extends Component {
render(){
const {message, user1, user2,file,document} = this.props;
const {message, user1, user2,document} = this.props;
return (
<div
className="normal-message d-flex flex-column d-flex"
@ -67,7 +67,7 @@ export default class NormalMessage extends Component {
{
message.image !== null ?
<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>
</div>
: null

@ -42,8 +42,8 @@ export default class RadioMessage extends Component {
</div>
<div className="message-2d__options d-flex flex-wrap justify-content-center">
{
message.options.map(item => (
<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'}}>
message.options.map((item,i) => (
<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}
</div>
))

@ -37,7 +37,7 @@ export default class ChatInfo extends Component {
return (
<div className="chat-info d-flex flex-column">
<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">
<ChatIcon style={{color : "white", width : 46, height : 46}} />
</div>

@ -1,13 +1,13 @@
import React, { Component, useState } from 'react';
import React from 'react';
import Carousel from 'react-elastic-carousel';
import CloseIcon from '@material-ui/icons/Close';
import './Gallery.scss';
export default function Gallery(props) {
const [state,setState] = useState({
// const [state,setState] = useState({
});
// });
return (
<div className="gallery-modal d-flex justify-content align-items-center">
<div onClick={() => props.onClick(null)}>
@ -16,8 +16,8 @@ export default function Gallery(props) {
</div>
<Carousel itemsToShow={1} isRTL={true} enableTilt={false} showArrows={true}>
{
props.data.map(item => (
<Image item={item} key={item.id} />
props.data.map((item,i) => (
<Image item={item} key={i} />
))
}
</Carousel>
@ -27,6 +27,6 @@ export default function Gallery(props) {
const Image = (props) => {
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 Chat from './Chat/Chat';
import photo from '../../../../assets/images/reza.png';
import pencil from '../../../../assets/icons/pencil.svg';
import logo from '../../../../assets/icons/logo.svg';
import './ChatList.scss';
@ -31,8 +31,8 @@ export default class ChatList extends Component {
return (
<div className="chat-list d-flex flex-column">
{
this.state.chats.map(item => (
<Chat key={item.id} data={item} />
this.state.chats.map((item,i) => (
<Chat key={i} data={item} />
))
}
<div className="chat-list__float d-flex" style={{filter:"grayscale(2)"}}>

@ -1,22 +1,22 @@
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 NavigationIcon from '@material-ui/icons/Navigation';
import DirectionsWalkIcon from '@material-ui/icons/DirectionsWalk';
import MyLocationIcon from '@material-ui/icons/MyLocation';
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';
const items = [{lat :35.73366050852552, lng : 51.414611756817976}];
const selected = {};
const green = new L.Icon({
iconUrl: greenM,
iconRetinaUrl: greenM,
popupAnchor: [-0, -0],
iconSize: [25,38],
});
// const items = [{lat :35.73366050852552, lng : 51.414611756817976}];
// const selected = {};
// const green = new L.Icon({
// iconUrl: greenM,
// iconRetinaUrl: greenM,
// popupAnchor: [-0, -0],
// iconSize: [25,38],
// });
const blue = new L.Icon({
iconUrl: 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 SearchIcon from '@material-ui/icons/Search';
import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';
@ -66,7 +66,7 @@ export default function Header(props) {
{
state['searchFlag'] === true ?
<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}} />
</div>
<input
@ -79,7 +79,7 @@ export default function Header(props) {
</div>
</div> :
<>
<div onClick={() => setState({ ...state, ['searchFlag']: !state['searchFlag']})}>
<div onClick={() => setState({ ...state, searchFlag: !state.searchFlag})}>
<SearchIcon style={{color : "white" , width : 38, height : 38}} />
</div>
<div className="chat-header__title d-flex">

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

Loading…
Cancel
Save