-
Find us on:
+
Find us on:
-
Get the Shaadi App
+
Get the Thirukalyanam App
diff --git a/src/components/common/MatrimonySwipeCards.jsx b/src/components/common/MatrimonySwipeCards.jsx
index 60875b2..06d37a5 100644
--- a/src/components/common/MatrimonySwipeCards.jsx
+++ b/src/components/common/MatrimonySwipeCards.jsx
@@ -1,13 +1,28 @@
-import { useState, useRef, useMemo } from 'react';
+import { useState, useEffect,useRef, useMemo } from 'react';
import { Heart, X, RotateCcw, MapPin, Briefcase, GraduationCap } from 'lucide-react';
import LazyImage from './LazyImage';
import nomoreimg from "../../assets/images/nomoreimg.png";
+import { useNavigate } from "react-router-dom";
+import bride1 from "../../assets/images/bride1.jpg";
+import bride2 from "../../assets/images/bride2.jpg";
+
+import bride3 from "../../assets/images/bride3.jpg";
+
+import bride4 from "../../assets/images/bride4.jpg";
+import Tooltip from '@mui/material/Tooltip';
const TinderCard = ({ children, onSwipe, onCardLeftScreen, preventSwipe, className }) => {
const [pos, setPos] = useState({ x: 0, y: 0 });
const [dragging, setDragging] = useState(false);
const [startPos, setStartPos] = useState({ x: 0, y: 0 });
const [gone, setGone] = useState(false);
+ useEffect(() => {
+ // Reset state on mount
+ setPos({ x: 0, y: 0 });
+ setDragging(false);
+ setGone(false);
+ }, []);
+
const handleStart = (clientX, clientY) => {
if (gone) return;
setDragging(true);
@@ -77,7 +92,7 @@ const profiles = [
profession: 'Software Engineer',
education: 'B.Tech from IIT Bombay',
about: 'Love traveling, reading, and cooking. Looking for someone who values family.',
- image: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=500&fit=crop'
+ image: bride1
},
{
id: 2,
@@ -87,7 +102,7 @@ const profiles = [
profession: 'Doctor',
education: 'MBBS from AIIMS',
about: 'Passionate about healthcare and music. Seeking a caring life partner.',
- image: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=400&h=500&fit=crop'
+ image: bride2
},
{
id: 3,
@@ -97,7 +112,7 @@ const profiles = [
profession: 'CA',
education: 'CA from ICAI',
about: 'Enjoy yoga and meditation. Looking for someone with similar values.',
- image: 'https://images.unsplash.com/photo-1517841905240-472988babdf9?w=400&h=500&fit=crop'
+ image: bride3
},
{
id: 4,
@@ -107,7 +122,7 @@ const profiles = [
profession: 'Marketing Manager',
education: 'MBA from ISB',
about: 'Creative soul who loves art and dance. Seeking a supportive partner.',
- image: 'https://images.unsplash.com/photo-1524504388940-b1c1722653e1?w=400&h=500&fit=crop'
+ image: bride4
}
];
@@ -117,10 +132,24 @@ export default function MatrimonySwipeCards() {
const [likedProfiles, setLikedProfiles] = useState([]);
const [dislikedProfiles, setDislikedProfiles] = useState([]);
const [key, setKey] = useState(0);
+const navigate = useNavigate();
const activeProfiles = profiles.filter(p => !swipedCards.has(p.id));
const canSwipe = activeProfiles.length > 0;
+
+ // **CHECK TOKEN FOR BLUR CONTROL**
+ const hasValidToken = useMemo(() => {
+ return !!localStorage.getItem("token");
+ }, []);
+
+
+
+ // **FIX: Ensure consistent order - Priya Sharma first**
+ const displayProfiles = useMemo(() => {
+ return activeProfiles.sort((a, b) => b.id - a.id ); // Sort by ID ascending (1,2,3,4)
+ }, [activeProfiles]);
+
const swiped = (direction, profile) => {
setLastDirection(direction);
setSwipedCards(prev => new Set([...prev, profile.id]));
@@ -131,12 +160,30 @@ export default function MatrimonySwipeCards() {
}
};
+ // const swipe = (dir) => {
+ // if (canSwipe) {
+ // const topProfile = activeProfiles[activeProfiles.length - 1];
+ // swiped(dir, topProfile);
+ // }
+ // };
+
const swipe = (dir) => {
- if (canSwipe) {
- const topProfile = activeProfiles[activeProfiles.length - 1];
- swiped(dir, topProfile);
- }
- };
+ const token = localStorage.getItem("token");
+
+ if (!token) {
+ navigate("/login");
+ return;
+ }
+
+ navigate("/match");
+
+ if (canSwipe) {
+ // const topProfile = activeProfiles[activeProfiles.length - 1];
+ const topProfile = displayProfiles[0]; // Priya Sharma first
+ swiped(dir, topProfile);
+ }
+};
+
const reset = () => {
setSwipedCards(new Set());
@@ -149,12 +196,12 @@ export default function MatrimonySwipeCards() {
return (
- {/*
- 💍 Find Your Match
+
+ Find Your Match
Swipe right to like, left to pass
-
*/}
+
{/* Card Container with overflow hidden */}
@@ -176,26 +223,57 @@ export default function MatrimonySwipeCards() {
) : (
- profiles
- .filter(p => !swipedCards.has(p.id))
- .map((profile, index) => (
-
{
+
+ const isTopCard = index === 3; // ALWAYS FIXED TOP CARD
+ // **NO BLUR IF TOKEN EXISTS**
+ const shouldBlur = !hasValidToken && !isTopCard;
+
+ return (
+ swiped(dir, profile)}
onCardLeftScreen={() => {}}
preventSwipe={['up', 'down']}
className="absolute w-full max-w-sm cursor-grab active:cursor-grabbing"
>
-
+
e.stopPropagation()} className="bg-white rounded-2xl shadow-xl overflow-hidden select-none">
+
+
-
-
+
+ {/* LOCK ICON FOR NON TOP CARDS */}
+ {shouldBlur && (
+
+ )}
+
+ {/* White Gradient Overlay at bottom of image */}
+
+
+
+
{profile.name}, {profile.age}
@@ -220,34 +298,47 @@ export default function MatrimonySwipeCards() {
- ))
+ )
+})
)}
-
-
-
-
- )}
+ {/* Action Buttons */}
+{canSwipe && (
+
+ {/* Decline Button with MUI Tooltip */}
+
+
+
+
+ {/* Reset Button with MUI Tooltip */}
+
+
+
+
+ {/* Interest Button with MUI Tooltip */}
+
+
+
+
+)}
+
{/* Stats */}
{/*
diff --git a/src/components/common/ReportModal.jsx b/src/components/common/ReportModal.jsx
new file mode 100644
index 0000000..a222ef2
--- /dev/null
+++ b/src/components/common/ReportModal.jsx
@@ -0,0 +1,61 @@
+import React from "react";
+import { Modal, Box } from "@mui/material";
+import ArrowBackIosNewIcon from "@mui/icons-material/ArrowBackIosNew";
+
+const ReportModal = ({ open, onClose, onSubmit }) => {
+ const [reason, setReason] = React.useState("");
+
+ return (
+
+
+ {/* Back Arrow + Title */}
+
+
+
+ Profile Report Form
+
+
+ If you find any incorrect information or suspicious activity, please
+ report this profile so we can review it.
+
+
+ {/* Textarea */}
+