|
|
|
@ -1,4 +1,3 @@ |
|
|
|
import Image from "next/image"; |
|
|
|
import Link from "next/link"; |
|
|
|
import { useEffect, useRef } from "react"; |
|
|
|
import { IoInformation } from "react-icons/io5"; |
|
|
|
@ -43,21 +42,6 @@ const iconNameMap: Record<QuestionCardIcon, UiIconName> = { |
|
|
|
family_marital: "marriage", |
|
|
|
}; |
|
|
|
|
|
|
|
const sectionIconImageMap: Partial<Record<QuestionCardIcon, string>> = { |
|
|
|
profile: "/assets/images/sections/01_personal_identity_details.png", |
|
|
|
contact: "/assets/images/sections/02_contact_residence_family_communication.png", |
|
|
|
health: "/assets/images/sections/03_physical_appearance_health.png", |
|
|
|
education: "/assets/images/sections/04_education_career_economic_status.png", |
|
|
|
family: "/assets/images/sections/05_family_background.png", |
|
|
|
marriage: "/assets/images/sections/06_marital_status_marriage_history_children.png", |
|
|
|
family_marital: "/assets/images/sections/06_marital_status_marriage_history_children.png", |
|
|
|
lifestyle: "/assets/images/sections/07_beliefs_lifestyle_personal_boundaries.png", |
|
|
|
criteria: "/assets/images/sections/08_future_spouse_criteria_red_lines.png", |
|
|
|
verification: "/assets/images/sections/09_identity_verification_documents.png", |
|
|
|
personality: "/assets/images/sections/10_personality_test.png", |
|
|
|
glasser: "/assets/images/sections/10_personality_test.png", |
|
|
|
}; |
|
|
|
|
|
|
|
export function QuestionCard({ |
|
|
|
item, |
|
|
|
progress = item.progress, |
|
|
|
@ -73,7 +57,6 @@ export function QuestionCard({ |
|
|
|
: 0; |
|
|
|
const dashOffset = CIRCUMFERENCE - (normalizedProgress / 100) * CIRCUMFERENCE; |
|
|
|
const resolvedIconKey = item.icon || resolveSectionIcon(item.slug); |
|
|
|
const iconImageSrc = sectionIconImageMap[resolvedIconKey]; |
|
|
|
const iconName = iconNameMap[resolvedIconKey] ?? "details"; |
|
|
|
const cardRef = useRef<HTMLElement>(null); |
|
|
|
|
|
|
|
|