"use client"; import { useEffect, useState } from "react"; import { Box, Stack, HStack, Heading, Text, Button, SimpleGrid, Progress, Link } from "@chakra-ui/react"; import { Icon } from "@obelisk/blocks"; const STORAGE_KEY = "lg-relatiecheck-v1"; const ANSWERS = ["Altijd", "Vaak", "Soms", "Bijna nooit", "Nooit"]; const POINTS = [9, 7, 5, 3, 1]; const THEMES = [ ["Intimiteit", "intimiteit"], ["Seks", "seks"], ["Vertrouwen", "vertrouwen"], ["Liefde", "liefde"], ["Ruzie", "ruzie"], ["Communicatie", "communicatie"], ["Relatie basis", "relatie-basis"], ["Vaste patronen", "vaste-patronen"], ["Leuke dingen", "leuke-dingen"], ["Hechting", "hechting"], ]; // [uitspraak, omgekeerd gescoord, thema-index] — scoring identiek aan de RelatieBarometer in de app. const QUESTIONS = [ ["Ik geef mijn partner een zoen bij het weggaan", 0, 0], ["We hebben fijne seks", 0, 1], ["Mijn partner liegt tegen mij", 1, 2], ["Ik voel blijdschap als mijn partner binnenkomt", 0, 3], ["We maken stevige ruzie", 1, 4], ["Mijn partner luistert als ik iets te zeggen heb", 0, 5], ["Door mijn relatie ben ik wanhopig", 1, 6], ["Mijn partner verstikt me", 1, 7], ["Mijn partner kan goed overweg met mijn vrienden", 0, 8], ["Ik voel me veilig als we samen zijn", 0, 9], ["We hebben weinig om over te praten", 1, 0], ["Ik vertel mijn partner alles", 0, 2], ["Als we ruzie hebben, maken we het snel weer goed", 0, 4], ["Mijn partner slaat, trekt of duwt mij", 1, 6], ["Ik eet samen met mijn partner", 0, 8], ["We gaan ongeveer op hetzelfde moment slapen", 0, 1], ["Mijn relatie geeft me energie", 0, 3], ["We bespreken intieme zaken, zoals ons seksleven", 0, 5], ["Mijn partner werpt een muurtje op", 1, 7], ["Ik besteed aandacht aan mijn eigen vrienden", 0, 9], ["Ik kan mijn partners fouten vergeven", 1, 8], ["We raken elkaar aan", 0, 0], ["Ik ben bang dat mijn partner me zal verlaten", 1, 9], ["Mijn partner neemt het initiatief om samen iets te doen", 0, 7], ["Deze relatie is goed voor mij", 0, 6], ["We praten fijn over onze relatie", 0, 5], ["Ik erger me aan mijn partner", 1, 4], ["Als we niet samen zijn, mis ik mijn partner", 0, 3], ["Mijn partner vertrouwt me", 1, 2], ["Qua seks wil mijn partner andere dingen dan ik", 1, 1], ["Onze gesprekken leiden nergens toe", 1, 5], ["Mijn partner vraagt naar mijn bezigheden", 0, 0], ["Ik vertel mijn partner waar ik mee bezig ben", 0, 2], ["Ons seksleven is spannend", 1, 1], ["Mijn partner inspireert me", 0, 3], ["Een normaal gesprek kan zomaar uit de hand lopen", 1, 4], ["Ik denk dat we uit elkaar gaan", 1, 6], ["We doen samen leuke dingen", 0, 8], ["Onze relatie is een sleur", 1, 7], ["We hebben een goed seksleven", 0, 1], ["Ik vertrouw mijn partner", 0, 2], ["We knuffelen elkaar", 0, 0], ["Er is geen passie in onze relatie", 1, 3], ["Ik voel negatieve spanning als mijn partner binnenkomt", 1, 4], ["Mijn partner vertelt over zichzelf", 0, 5], ["Mijn partner bedreigt me", 1, 6], ["Mijn partner is tevreden", 0, 7], ["Ik geef mijn partner complimenten", 0, 8], ["Ik investeer in mijn relatie", 0, 9], ["Ik neem het initiatief in onze relatie", 1, 9], ]; // Antwoord "altijd" (0) of "vaak" (1) op deze vragen = signaal van huiselijk geweld. const SAFETY = { 13: "slaat, trekt of duwt", 45: "bedreigt" }; const BANDS = [ [20, "De uitslag is zeer zorgelijk. We adviseren je om contact met ons op te nemen, zodat we samen kunnen kijken wat jullie nodig hebben."], [40, "De uitslag is zorgelijk. Dit betekent dat je relatie gebaat is bij verschillende van de cursussen die LangGelukkig je kan bieden."], [60, "De uitslag is gemiddeld. Dit betekent dat je relatie niet slecht is, maar jullie zijn wel toe aan nieuwe inspiratie. Het is goed om direct te beginnen met één van de cursussen van LangGelukkig."], [80, "De uitslag is gunstig en je relatie verkeert in een goede staat. Gebruik de cursussen van LangGelukkig om dit zo te houden."], [100, "De uitslag is heel gunstig en je relatie verkeert in een zeer goede staat. Gebruik de cursussen van LangGelukkig om dit zo te houden."], ]; const CARD = { bg: "theme.surface", borderRadius: "3xl", boxShadow: "0 18px 40px rgba(18,48,77,0.08)" }; const isAnswered = (a) => a !== undefined && a !== null; const pointsFor = (q, answer) => (q[1] ? POINTS[4 - answer] : POINTS[answer]); const percent = (points, count) => ((points - count) / (count * 8)) * 100; const decimal = (n) => n.toLocaleString("nl-NL", { minimumFractionDigits: 1, maximumFractionDigits: 1 }); export default function RelatieCheck() { const [answers, setAnswers] = useState([]); const [index, setIndex] = useState(0); const [started, setStarted] = useState(false); useEffect(() => { try { const saved = JSON.parse(window.localStorage.getItem(STORAGE_KEY) || "null"); if (saved && Array.isArray(saved.answers)) { setAnswers(saved.answers); setIndex(Math.min(saved.answers.length, QUESTIONS.length - 1)); setStarted(saved.answers.length > 0); } } catch (e) { window.localStorage.removeItem(STORAGE_KEY); } }, []); const save = (next) => { setAnswers(next); try { window.localStorage.setItem(STORAGE_KEY, JSON.stringify({ answers: next })); } catch (e) {} }; const choose = (a) => { save(answers.slice(0, index).concat([a], answers.slice(index + 1))); if (index < QUESTIONS.length - 1) setIndex(index + 1); }; const restart = () => { save([]); setIndex(0); setStarted(false); window.scrollTo({ top: 0, behavior: "smooth" }); }; const answeredCount = answers.filter(isAnswered).length; if (answeredCount === QUESTIONS.length) return ; if (!started) { return ( Doe de Relatiecheck Geef aan in hoeverre elke uitspraak op jou van toepassing is. Denk daarbij aan de laatste vier weken. Kies het antwoord dat het meeste bij je past: er zijn geen goede of foute antwoorden, het gaat om jouw situatie. {QUESTIONS.length} vragen · ± 8 minuten · Je antwoorden blijven op je eigen apparaat ); } const q = QUESTIONS[index]; const progress = Math.round((answeredCount / QUESTIONS.length) * 100); return ( Vraag {index + 1} van {QUESTIONS.length} {progress}% {q[0]} {ANSWERS.map((label, a) => ( ))} {isAnswered(answers[index]) && index < QUESTIONS.length - 1 ? ( ) : null} ); } function computeResult(answers) { const total = QUESTIONS.reduce((sum, q, i) => sum + pointsFor(q, answers[i]), 0); const score = percent(total, QUESTIONS.length); const themes = THEMES.map(([name, slug], t) => { const idx = QUESTIONS.map((_, i) => i).filter((i) => QUESTIONS[i][2] === t); const pts = idx.reduce((sum, i) => sum + pointsFor(QUESTIONS[i], answers[i]), 0); return { name, slug, score: Math.round(percent(pts, idx.length)) }; }); const safety = Object.keys(SAFETY) .map(Number) .filter((i) => answers[i] <= 1) .map((i) => ({ what: SAFETY[i], freq: ANSWERS[answers[i]].toLowerCase() })); const rounded = Math.max(1, Math.round(score)); const band = safety.length ? BANDS[0][1] : BANDS.find(([to]) => rounded <= to)[1]; const advice = themes.slice().sort((a, b) => a.score - b.score).slice(0, 3); return { score: Math.round(score) / 10, band, themes, safety, advice }; } function SafetyNotice({ items }) { return ( Er is sprake van huiselijk geweld {items.map((it) => ( Je hebt aangegeven dat je partner je {it.freq} {it.what}. ))} We willen je hiervoor doorverwijzen. Meld dit zo snel mogelijk bij je huisarts. Je kunt ook bellen met Stichting Korrelatie op nummer 0900-1450, of gratis en anoniem met Veilig Thuis op 0800-2000. Ben je in acuut gevaar? Bel dan 112. ); } function Results({ answers, onRestart }) { const r = computeResult(answers); return ( Jouw uitslag {decimal(r.score)} van de 10 {r.band} {r.safety.length ? : null} Ons advies Op deze thema's scoor je het laagst. Hier valt de meeste winst te behalen. {r.advice.map((t, i) => ( Advies {i + 1} {t.name} Bekijk de cursus ))} Score per thema {r.themes.map((t) => ( {t.name} {decimal(t.score / 10)} ))} ); }

Account aanmaken