import { useState } from "react"; import avatar1 from "../../assets/img/avatar/alexander-hipp-iEEBWgY_6lA-unsplash.jpg"; import avatar2 from "../../assets/img/avatar/julian-wan-WNoLnJo7tS8-unsplash.jpg"; import avatar3 from "../../assets/img/avatar/alex-suprun-bYODySpLIhE-unsplash.jpg"; import avatar4 from "../../assets/img/avatar/alex-suprun-ZHvM3XIOHoE-unsplash.jpg"; import avatar5 from "../../assets/img/avatar/nicolas-horn-MTZTGvDsHFY-unsplash.jpg"; import avatar6 from "../../assets/img/avatar/sarah-brown-tTdC88_6a_I-unsplash.jpg"; import sendIcon from "../../assets/img/vuesax-linear-direct-left.svg"; import { BsCheck2All, BsTelephone } from "react-icons/bs"; const Messages=()=>{ const [contacts] = useState([ { id: 1, firstName: "فرشید", lastName: "وکیلی", lastMessage: "سلام فرشید جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 2, messageSituation: 0, img: avatar1, time: "11:11", }, { id: 2, firstName: "امیر", lastName: "ناظمی", lastMessage: "سلام امیر جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 1, messageSituation: 0, img: avatar2, time: "12:11", }, { id: 3, firstName: "آراد", lastName: "طاهری", lastMessage: "سلام آراد جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 0, messageSituation: 1, img: avatar3, time: "13:11", }, { id: 4, firstName: "آرتا", lastName: "الماسی", lastMessage: "سلام آرتا جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 0, messageSituation: 2, img: avatar4, time: "10:11", }, { id: 5, firstName: "آروین", lastName: "اشرفی", lastMessage: "سلام آرمین جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 0, messageSituation: 0, img: avatar5, time: "16:11", }, { id: 6, firstName: "پارسا", lastName: "کاظمی", lastMessage: "سلام پارسا جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 0, messageSituation: 1, img: avatar1, time: "17:11", }, { id: 7, firstName: "سارا", lastName: "منتظری", lastMessage: "سلام سارا جان لطفا با من تماس بگیر کار خیلی واجبی دارم", newMessages: 2, messageSituation: 0, img: avatar6, time: "18:11", }, ]); //textareaHanler-------------------- const textareaHanler=(e)=>{ e.target.style.height = `3rem`; let scHeight = e.target.scrollHeight; e.target.style.height = `${scHeight}px`; } return (