diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index b4da2a3ba..b25534f62 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -5,6 +5,8 @@ import { useTranslation } from 'react-i18next';
import { Switch } from '@headlessui/react';
import { useMutation, useQuery } from '@apollo/client';
import getLanguage from '../utils/getLanguage';
+import DisableTwoFactorAuthComponent from '../components/twofactor/Disable2fa';
+import EnableTwoFactorAuthComponent from '../components/twofactor/ Enable2fa';
import useDocumentTitle from '../hook/useDocumentTitle';
import {
updatePushNotifications,
@@ -41,18 +43,22 @@ function Settings() {
data?.getUpdatedEmailNotifications || false,
);
+ // Add state for the "Privacy and Security" pop-up
+ const [privacyAndSecurityVisible, setPrivacyAndSecurityVisible] = useState(false);
+
const handleThemeChange = (e: { target: { value: any } }) => {
const { value } = e.target;
setTheme(value);
localStorage.setItem('color-theme', colorTheme);
- };
+ }
+
const defaultTheme: any = colorTheme;
const userLang = window.navigator.language;
const handleLanChange = (e: { target: { value: any } }) => {
const { value } = e.target;
i18next.changeLanguage(value);
- };
+ }
const handleEmailNotificationChange = async () => {
try {
@@ -64,7 +70,7 @@ function Settings() {
} catch (error: any) {
return `Error updating email notifications:${error}`;
}
- };
+ }
const handlePushNotificationChange = async () => {
try {
@@ -76,7 +82,7 @@ function Settings() {
} catch (error: any) {
return `Error updating push notifications: ${error}`;
}
- };
+ }
useEffect(() => {
if (data?.getUpdatedEmailNotifications !== undefined) {
@@ -180,7 +186,7 @@ function Settings() {
@@ -199,16 +205,16 @@ function Settings() {
checked={pushEnabled}
data-testid="pushChange"
onChange={handlePushNotificationChange}
- className={` ml-auto border ${
+ className={`ml-auto border ${
pushEnabled ? 'dark:border-primary' : ''
} relative inline-flex h-6 w-12 items-center rounded-full`}
>
@@ -224,10 +230,21 @@ function Settings() {
setPrivacyAndSecurityVisible(!privacyAndSecurityVisible)}
>
{t('Change')}
+ {/* Conditionally render the Privacy and Security section */}
+ {privacyAndSecurityVisible && (
+
+ {/* Add content for the pop-up here */}
+
+
+
+ )}
+ {/* ... Other sections */}