ui correction done
This commit is contained in:
meena committed
1 parent
201c72a2d7
commit
517a4e4dd2
12 files changed
+145
-48
No files matched your search
@@ -208,9 +208,9 @@ const ChatUI = () => {
|
||||
const [chatMessages, setChatMessages] = useState({
|
||||
1: [
|
||||
{ id: 1, sender: 'other', text: "Let's do it! I'm in a meeting until noon.", time: '10 Nov', isDate: false , read: false },
|
||||
{ id: 2, sender: 'me', text: "That's perfect! There's a new place...", time: '07:21', isDate: false , read: false },
|
||||
{ id: 2, sender: 'me', text: "That's perfect! There's a new place...", time: '07:21 am', isDate: false , read: false },
|
||||
{ id: 3, sender: 'date', text: 'Today', isDate: true, read: true | false },
|
||||
{ id: 4, sender: 'me', text: "Can's get lunch. How about tomorrow?", time: '09:42', isDate: false , read: true },
|
||||
{ id: 4, sender: 'me', text: "Can's get lunch. How about tomorrow?", time: '09:42 am', isDate: false , read: true },
|
||||
{ id: 5, sender: 'other', text: "Let's do it! I'm in a meeting until noon.", time: '', isDate: false, read: true },
|
||||
{ id: 6, sender: 'me', text: "That's perfect! There's a new place...", time: '', isDate: false, read: true },
|
||||
],
|
||||
@@ -486,7 +486,7 @@ const ChatUI = () => {
|
||||
</div>
|
||||
|
||||
{/* Messages */}
|
||||
<div className="flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50">
|
||||
<div className="flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50 md:h-[400px]">
|
||||
{chatMessages[selectedChat]?.map((msg) => (
|
||||
<div key={msg.id}>
|
||||
{msg.isDate ? (
|
||||
@@ -543,7 +543,7 @@ const ChatUI = () => {
|
||||
</div>
|
||||
|
||||
{/* Message Input */}
|
||||
<div className="p-4 border-t border-gray-200 bg-white">
|
||||
<div className="p-4 border-t border-gray-200 bg-white sticky bottom-0">
|
||||
<div className="flex items-center gap-2">
|
||||
<input
|
||||
type="text"
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { Crown, Bookmark } from "lucide-react";
|
||||
import { Crown, Bookmark, IdCard, Sparkles, MoonStar, Receipt } from "lucide-react";
|
||||
import Box from "@mui/material/Box";
|
||||
import Tab from "@mui/material/Tab";
|
||||
import TabContext from "@mui/lab/TabContext";
|
||||
@@ -342,17 +342,47 @@ const renderMenu = () => {
|
||||
<div className="flex items-center gap-2">
|
||||
<CakeIcon />
|
||||
<span className="text-[14px] text-gray-900">
|
||||
Age: {profile.age}
|
||||
{profile.age} yr
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<AccessibilityIcon />
|
||||
<span className="text-[14px] text-gray-900">
|
||||
Height: {profile.height}
|
||||
{profile.height} cm
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<Receipt className="w-4 h-4 text-gray-700 font-semibold" />
|
||||
<span className="text-[14px] font-400 text-gray-900">
|
||||
5 - 10 LPA
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex items-center gap-2">
|
||||
<MoonStar className="w-4 h-4 text-gray-700 font-semibold" />
|
||||
<span className="text-[14px] font-400 text-gray-900">
|
||||
Aries
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<Sparkles className="w-4 h-4 text-gray-700 font-semibold" />
|
||||
<span className="text-[14px] font-400 text-gray-900">
|
||||
Scorpio
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<IdCard className="w-4 h-4 text-gray-700 font-bold" />
|
||||
<span className="text-[14px] font-400 text-gray-900">
|
||||
Bramin
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<LocationIcon className="text-red-900" />
|
||||
@@ -372,19 +402,19 @@ const renderMenu = () => {
|
||||
e.stopPropagation();
|
||||
// your decline logic
|
||||
}}
|
||||
className="gap-1 px-2 w-[fit-content] bg-[#A70710] hover:bg-red-600 text-white
|
||||
className="gap-1 px-2 w-[fit-content] bg-red-50 border-1 border-red-200
|
||||
font-600 text-[12px] py-2 rounded-[20px] shadow-md
|
||||
hover:shadow-lg transition-all duration-300
|
||||
flex items-center justify-center transform hover:scale-95">
|
||||
<svg className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
|
||||
<path d="M18 6L6 18M6 6l12 12" strokeLinecap="round" strokeLinejoin="round"/>
|
||||
</svg>
|
||||
Reject Request
|
||||
Reject
|
||||
</button>
|
||||
|
||||
<button
|
||||
className="w-[fit-content] bg-[#034E08] hover:bg-green-700 text-white font-600 text-[12px]
|
||||
rounded-[20px] px-2 gap-2 py-1 shadow-lg hover:shadow-xl transition-all duration-300
|
||||
className="w-[fit-content] bg-green-50 border-1 border-green-200 font-600 text-[12px]
|
||||
rounded-[20px] px-3 gap-2 py-1 shadow-lg hover:shadow-xl transition-all duration-300
|
||||
transform hover:scale-105 flex items-center justify-center"
|
||||
onClick={(e) =>{
|
||||
|
||||
@@ -402,7 +432,7 @@ const renderMenu = () => {
|
||||
</svg>
|
||||
)}
|
||||
|
||||
Accepted Request
|
||||
Accept
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -427,7 +457,7 @@ const renderMenu = () => {
|
||||
|
||||
<Button variant="contained" color="#f5fbff" onClick={(e) =>{ e.stopPropagation();
|
||||
navigate(`/profile-details/${profile.id}`)}
|
||||
} sx={{color:"#000000", background:"#f5fbff",fontWeight:"600", borderRadius:"30px"}}>
|
||||
} sx={{fontSize:"12px",color:"#000000", background:"#f5fbff",fontWeight:"500", borderRadius:"5px", padding:"5px 8px"}}>
|
||||
|
||||
View Details
|
||||
</Button>
|
||||
|
||||
Reference in new issue
Block a user