From 4dbd62196e0ab643d39defd069759d60aacc74b6 Mon Sep 17 00:00:00 2001
From: Andriamanampisoa <toavina.andriamanampisoa@epitech.eu>
Date: Wed, 15 Jul 2026 19:11:09 +0200
Subject: [PATCH 1/2] task: add privacy consent buton to process user's profile
 analysis

---
 web/src/routes/cv-analysis.tsx | 37 ++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/cv-analysis.tsx b/web/src/routes/cv-analysis.tsx
index c70dba06..634c30f2 100644
--- a/web/src/routes/cv-analysis.tsx
+++ b/web/src/routes/cv-analysis.tsx
@@ -4,6 +4,7 @@ import { uploadMyCV } from '@/services/users/http';
 import { createAuthGuard } from '@/utils/auth.guards';
 import { extractErrorMessage } from '@/utils/error';
 import { isAllowedJobUrl } from '@/utils/validators';
+import { CheckboxInput } from '@/components/atoms/checkbox-input';
 import { createFileRoute } from '@tanstack/react-router';
 import axios from 'axios';
 import { useState } from 'react';
@@ -43,6 +44,7 @@ function CVAnalysisPage() {
   const [cvFile, setCvFile] = useState<File | null>(null);
   const [jobUrl, setJobUrl] = useState('');
   const [deadline, setDeadline] = useState<Date | null>(null);
+  const [dataConsentAccepted, setDataConsentAccepted] = useState(false);
   const [analysisStep, setAnalysisStep] = useState<'idle' | 'cv' | 'offer'>(
     'idle',
   );
@@ -50,7 +52,8 @@ function CVAnalysisPage() {
     useState<Application | null>(null);
   const createApplicationMutation = useCreateApplication();
 
-  const canStart = Boolean(cvFile) && isAllowedJobUrl(jobUrl);
+  const canStart =
+    Boolean(cvFile) && isAllowedJobUrl(jobUrl) && dataConsentAccepted;
   const isAnalyzing = analysisStep !== 'idle';
   const isFinished = createdApplication !== null;
 
@@ -110,6 +113,7 @@ function CVAnalysisPage() {
     setCvFile(null);
     setJobUrl('');
     setDeadline(null);
+    setDataConsentAccepted(false);
   };
 
   /**
@@ -219,7 +223,36 @@ function CVAnalysisPage() {
           </div>
 
           {/* Action Footer */}
-          <footer className="mt-8 text-center">
+          <footer className="mx-auto mt-8 flex max-w-[680px] flex-col items-center gap-5 text-center">
+            <div className="border-border bg-background w-full rounded-2xl border px-5 py-4 text-left">
+              <div className="flex items-start gap-3">
+                <CheckboxInput
+                  id="data-consent"
+                  name="dataConsent"
+                  checked={dataConsentAccepted}
+                  onChange={(event) =>
+                    setDataConsentAccepted(event.target.checked)
+                  }
+                  className="mt-0.5 shrink-0"
+                  aria-describedby="data-consent-helper"
+                />
+                <label
+                  htmlFor="data-consent"
+                  className="text-body-s text-text cursor-pointer"
+                >
+                  I consent to TalkUp processing my personal data (including my
+                  CV) to perform this compatibility analysis.
+                </label>
+              </div>
+              <p
+                id="data-consent-helper"
+                className="text-body-s text-text-weaker mt-3 pl-7"
+              >
+                Your data is stored securely. You can access, export, or delete
+                it at any time.
+              </p>
+            </div>
+
             <button
               type="button"
               onClick={handleStartAnalysis}

From 7ac6246e3daa8d75d2a6f0f9e6bac0f574fb3f3c Mon Sep 17 00:00:00 2001
From: Andriamanampisoa <toavina.andriamanampisoa@epitech.eu>
Date: Wed, 15 Jul 2026 19:39:47 +0200
Subject: [PATCH 2/2] refactor: code quality

---
 web/src/routes/cv-analysis.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/routes/cv-analysis.tsx b/web/src/routes/cv-analysis.tsx
index 634c30f2..ac03b53d 100644
--- a/web/src/routes/cv-analysis.tsx
+++ b/web/src/routes/cv-analysis.tsx
@@ -1,10 +1,10 @@
+import { CheckboxInput } from '@/components/atoms/checkbox-input';
 import { useCreateApplication } from '@/services/applications/hooks';
 import type { Application } from '@/services/applications/types';
 import { uploadMyCV } from '@/services/users/http';
 import { createAuthGuard } from '@/utils/auth.guards';
 import { extractErrorMessage } from '@/utils/error';
 import { isAllowedJobUrl } from '@/utils/validators';
-import { CheckboxInput } from '@/components/atoms/checkbox-input';
 import { createFileRoute } from '@tanstack/react-router';
 import axios from 'axios';
 import { useState } from 'react';