diff --git a/package-lock.json b/package-lock.json index dc1d1e0..90d6eed 100644 --- a/package-lock.json +++ b/package-lock.json @@ -90,6 +90,7 @@ "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", @@ -450,6 +451,7 @@ "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz", "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==", "license": "MIT", + "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -493,6 +495,7 @@ "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz", "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==", "license": "MIT", + "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -1377,6 +1380,7 @@ "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.5.tgz", "integrity": "sha512-8VVxFmp1GIm9PpmnQoCoYo0UWHoOrdA57tDL62vkpzEgvb/d71Wsbv4FRg7r1Gyx7PuSo0tflH34cdl/NvfHNQ==", "license": "MIT", + "peer": true, "dependencies": { "@babel/runtime": "^7.28.4", "@mui/core-downloads-tracker": "^7.3.5", @@ -1510,6 +1514,7 @@ "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.5.tgz", "integrity": "sha512-yPaf5+gY3v80HNkJcPi6WT+r9ebeM4eJzrREXPxMt7pNTV/1eahyODO4fbH3Qvd8irNxDFYn5RQ3idHW55rA6g==", "license": "MIT", + "peer": true, "dependencies": { "@babel/runtime": "^7.28.4", "@mui/private-theming": "^7.3.5", @@ -2376,7 +2381,8 @@ } ], "hasInstallScript": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/@tsparticles/interaction-external-attract": { "version": "3.9.1", @@ -2994,6 +3000,7 @@ "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.4.tgz", "integrity": "sha512-tBFxBp9Nfyy5rsmefN+WXc1JeW/j2BpBHFdLZbEVfs9wn3E3NRFxwV0pJg8M1qQAexFpvz73hJXFofV0ZAu92A==", "license": "MIT", + "peer": true, "dependencies": { "csstype": "^3.0.2" } @@ -3043,6 +3050,7 @@ "resolved": "https://registry.npmjs.org/@types/three/-/three-0.181.0.tgz", "integrity": "sha512-MLF1ks8yRM2k71D7RprFpDb9DOX0p22DbdPqT/uAkc6AtQXjxWCVDjCy23G9t1o8HcQPk7woD2NIyiaWcWPYmA==", "license": "MIT", + "peer": true, "dependencies": { "@dimforge/rapier3d-compat": "~0.12.0", "@tweenjs/tween.js": "~23.1.3", @@ -3315,6 +3323,7 @@ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz", "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "license": "MIT", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -3591,6 +3600,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "baseline-browser-mapping": "^2.8.25", "caniuse-lite": "^1.0.30001754", @@ -4010,7 +4020,8 @@ "version": "3.1.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/d3-array": { "version": "3.2.4", @@ -4138,6 +4149,7 @@ "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz", "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==", "license": "MIT", + "peer": true, "funding": { "type": "github", "url": "https://github.com/sponsors/kossnocorp" @@ -4252,7 +4264,8 @@ "version": "8.6.0", "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz", "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/embla-carousel-react": { "version": "8.6.0", @@ -4429,6 +4442,7 @@ "integrity": "sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -6060,6 +6074,7 @@ "resolved": "https://registry.npmjs.org/@react-three/fiber/-/fiber-8.18.0.tgz", "integrity": "sha512-FYZZqD0UUHUswKz3LQl2Z7H24AhD14XGTsIRw3SJaXUxyfVMi+1yiZGmqTcPt/CkPpdU7rrxqcyQ1zJE5DjvIQ==", "license": "MIT", + "peer": true, "dependencies": { "@babel/runtime": "^7.17.8", "@types/react-reconciler": "^0.26.7", @@ -6142,6 +6157,7 @@ "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz", "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==", "license": "MIT", + "peer": true, "funding": { "type": "github", "url": "https://github.com/sponsors/kossnocorp" @@ -6737,6 +6753,7 @@ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "license": "MIT", + "peer": true, "engines": { "node": ">=12" }, @@ -6845,6 +6862,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", @@ -7097,6 +7115,7 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz", "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==", "license": "MIT", + "peer": true, "engines": { "node": ">=0.10.0" } @@ -7106,6 +7125,7 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz", "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==", "license": "MIT", + "peer": true, "dependencies": { "scheduler": "^0.27.0" }, @@ -7203,6 +7223,7 @@ "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz", "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==", "license": "MIT", + "peer": true, "dependencies": { "@types/use-sync-external-store": "^0.0.6", "use-sync-external-store": "^1.4.0" @@ -7429,7 +7450,8 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz", "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==", - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/redux-thunk": { "version": "3.1.0", @@ -7659,6 +7681,7 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "license": "MIT", + "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -7858,6 +7881,7 @@ "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.19.tgz", "integrity": "sha512-1v/e3Dl1BknC37cXMhwGomhO8AkYmN41CqyX9xhUDxry1ns3BFQy2lLDRQXJRdVVWB9OHemv/53xaStimvWyuA==", "license": "MIT", + "peer": true, "dependencies": { "@emotion/is-prop-valid": "1.2.2", "@emotion/unitless": "0.8.1", @@ -8400,6 +8424,7 @@ "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.2.tgz", "integrity": "sha512-BxAKBWmIbrDgrokdGZH1IgkIk/5mMHDreLDmCJ0qpyJaAteP8NvMhkwr/ZCQNqNH97bw/dANTE9PDzqwJghfMQ==", "license": "MIT", + "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", @@ -8552,6 +8577,7 @@ "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.10.0.tgz", "integrity": "sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==", "license": "MIT", + "peer": true, "dependencies": { "@discoveryjs/json-ext": "^0.5.0", "@webpack-cli/configtest": "^1.2.0", @@ -8714,6 +8740,7 @@ "integrity": "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==", "dev": true, "license": "MIT", + "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } diff --git a/src/App.css b/src/App.css index 7d9bd48..9aab3b3 100644 --- a/src/App.css +++ b/src/App.css @@ -24,3 +24,9 @@ button{ inset: 0; background: rgba(255, 255, 255, 0.7); /* white overlay */ } +.profile-img-box { + background-image: url("./assets/images/frame1.jpg"); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} \ No newline at end of file diff --git a/src/assets/images/frame1.jpg b/src/assets/images/frame1.jpg new file mode 100644 index 0000000..f2a5f07 Binary files /dev/null and b/src/assets/images/frame1.jpg differ diff --git a/src/components/matches/MatchesProfilesTab.jsx b/src/components/matches/MatchesProfilesTab.jsx index c7cfe00..023a036 100644 --- a/src/components/matches/MatchesProfilesTab.jsx +++ b/src/components/matches/MatchesProfilesTab.jsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Crown, Bookmark, CurrencyIcon, Currency, Wallet, Receipt, Sparkles, MoonStar, IdCard } from "lucide-react"; +import { Crown, Bookmark, CurrencyIcon, Currency, Wallet, Receipt, Sparkles, MoonStar, IdCard, RockingChair, LocateFixed, School, WorkflowIcon } from "lucide-react"; import CakeIcon from "@mui/icons-material/Cake"; import GroupsIcon from "@mui/icons-material/Groups"; import SchoolIcon from "@mui/icons-material/School"; @@ -40,7 +40,7 @@ function ProfileCard({ profile }) { initial={{ scale: 0 }} animate={{ scale: 1 }} transition={{ delay: 0.2, type: "spring" }} - className="absolute top-4 left-4 z-10 bg-orange-500 rounded-full p-2 shadow-lg" + className="absolute top-4 left-4 z-10 bg-red-900 rounded-full p-2 shadow-lg" > @@ -254,6 +254,34 @@ export default function MatchesInterface() { description: "Matches you have viewed", category: "Based on activity", }, + { + id: "newly-joined", + icon: , + title: "Newly Joined", + description: "Matches who Joined within the last 30 days", + category: "Based on activity", + }, + { + id: "location", + icon: , + title: "Location matches", + description: "Matches near your location", + category: "Based on activity", + }, + { + id: "education", + icon: , + title: "Education matches", + description: "Matches near your education match", + category: "Based on activity", + }, + { + id: "job", + icon: , + title: "Job matches", + description: "Matches near your job", + category: "Based on activity", + }, ]; const profiles = [ diff --git a/src/components/profiledetail/MatrimonyProfile.jsx b/src/components/profiledetail/MatrimonyProfile.jsx index 3037544..798edf8 100644 --- a/src/components/profiledetail/MatrimonyProfile.jsx +++ b/src/components/profiledetail/MatrimonyProfile.jsx @@ -18,8 +18,10 @@ import "swiper/css"; import "swiper/css/navigation"; import "swiper/css/pagination"; import "swiper/css/thumbs"; +import { useNavigate } from "react-router-dom"; const MatrimonyProfile = () => { + const navigate = useNavigate(); const [isModalOpen, setIsModalOpen] = useState(false); const [showMenu, setShowMenu] = useState(false); const [thumbsSwiper, setThumbsSwiper] = useState(null); @@ -206,8 +208,13 @@ const MatrimonyProfile = () => { {/* Action Buttons */}
- {/* + */}
Star : - + */}
Rassi : - + */}
-
+ {/*
Horoscope : -
+
*/}
Employment : diff --git a/src/feature/FilterForm.jsx b/src/feature/FilterForm.jsx index 9f3f69f..91b352e 100644 --- a/src/feature/FilterForm.jsx +++ b/src/feature/FilterForm.jsx @@ -525,7 +525,7 @@ const FilterForm = () => { - + {/* Smoking Habits - + */}
diff --git a/src/pages/ChatPage.jsx b/src/pages/ChatPage.jsx index 9bb8ec5..e8e23c8 100644 --- a/src/pages/ChatPage.jsx +++ b/src/pages/ChatPage.jsx @@ -1,5 +1,6 @@ import React, { useState } from 'react'; import { Search, MoreVertical, Send, Phone, Video, Check, CheckCheck, ArrowLeft, Star, Share2, Flag, Ban, Trash2 } from 'lucide-react'; +import ReportModal from '../components/common/ReportModal'; const ChatUI = () => { const [selectedChat, setSelectedChat] = useState(null); @@ -8,6 +9,7 @@ const ChatUI = () => { const [showCallHistory, setShowCallHistory] = useState(false); const [showMenu, setShowMenu] = useState(false); const [showChatMenu, setShowChatMenu] = useState(false); +const [openReport, setOpenReport] = useState(false); const contacts = [ { @@ -263,7 +265,13 @@ const ChatUI = () => { }; return ( -
+ + <> + + + setOpenReport(false)} /> + +
{/* Sidebar - Chat List */}
{
- + */}
- @@ -571,6 +579,8 @@ const ChatUI = () => {
)}
+ + ); }; diff --git a/src/pages/InterestSendPage.jsx b/src/pages/InterestSendPage.jsx index ce7cbfe..f177b92 100644 --- a/src/pages/InterestSendPage.jsx +++ b/src/pages/InterestSendPage.jsx @@ -41,8 +41,8 @@ import groom1 from "../assets/images/groom1.jpg"; import groom2 from "../assets/images/groom2.jpg"; import groom3 from "../assets/images/groom3.jpg"; import groom4 from "../assets/images/groom4.jpg"; - - +import frame from "../assets/images/frame1.jpg" +import "../styles/addon.css" // Icons as inline SVG components const CakeIcon = () => ( @@ -296,7 +296,18 @@ const renderMenu = () => { -
+
{
{/* White Gradient Overlay */}
{ {profile.name}

- Matrimony ID: {profile.matrimonyId} + ID: {profile.matrimonyId}

@@ -329,7 +340,7 @@ const renderMenu = () => { {(activeTab === "1" || activeTab === "2" || activeTab === "3") && ( <>
- + {profile.lastseen} @@ -340,13 +351,13 @@ const renderMenu = () => {
- + {profile.age} yr
- + {profile.height} cm @@ -490,6 +501,19 @@ View Details
+ + + ); @@ -497,12 +521,14 @@ View Details // Main Component export default function InterestSendPage() { - const [value, setValue] = useState("1"); + const [value, setValue] = useState("2"); const handleChange = (event, newValue) => { setValue(newValue); }; + const [intreasteactiveTab, setIntreasteactiveTab] = useState("receivedintreaste"); + // Sample data for different categories const profilesData = { received: [ @@ -751,17 +777,42 @@ const [profiles, setProfiles] = useState({
{/* Header */} -
-

+ +
+
setIntreasteactiveTab("receivedintreaste")}> +

Received Interest

Manage your matrimony profile interests

+
setIntreasteactiveTab("sendintreaste")}> +

+ Send Interest +

+

+ Manage your matrimony profile interests +

+
+
+ {intreasteactiveTab === "receivedintreaste" && ( - {/* MUI Tabs */} - +<> + + {/* MUI Tabs */} + - + {/* */} @@ -870,6 +921,137 @@ const [profiles, setProfiles] = useState({ + + + + )} + + + + + {intreasteactiveTab === "sendintreaste" && ( + +<> + + {/* MUI Tabs */} + + + + + {/* */} + + + + + + + {/* Received Requests */} + +
+ {profilesData.received.map((profile) => ( + + ))} +
+ + + {/* Sent Requests */} + +
+ {profilesData.sent.map((profile) => ( + + ))} +
+ + + {/* Accepted */} + +
+ {profilesData.accepted.map((profile) => ( + + ))} +
+ + + {/* Rejected */} + +
+ {profilesData.rejected.map((profile) => ( + + ))} +
+ + + + + + + )} + + +

); diff --git a/src/styles/addon.css b/src/styles/addon.css new file mode 100644 index 0000000..88d400e --- /dev/null +++ b/src/styles/addon.css @@ -0,0 +1,7 @@ +.profile-img-box { + background-image: url("/assets/images/frame1.jpg"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + padding: 20px; +}