gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(client): privacy save button state (#67230)

Browse Source
This commit is contained in:
TIDJANI Bachir
2026-05-06 15:29:07 +01:00
committed by GitHub
parent b0fb92471c
commit 7d62ea3f5f
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/profile/components/profile-privacy.tsx
+7 -3
View File
@@ -1,3 +1,4 @@
import isEqual from 'lodash/isEqual';
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
@@ -32,12 +33,15 @@ function ProfilePrivacyComponent({
}: ProfilePrivacyProps): JSX.Element { }: ProfilePrivacyProps): JSX.Element {
const { t } = useTranslation(); const { t } = useTranslation();
const [isExpanded, setIsExpanded] = useState(user.profileUI.isLocked); const [isExpanded, setIsExpanded] = useState(user.profileUI.isLocked);
// Snapshot of the original values to detect unsaved changes
const [initialPrivacyValues, setInitialPrivacyValues] = useState({
...user.profileUI
});
const [privacyValues, setPrivacyValues] = useState({ ...user.profileUI }); const [privacyValues, setPrivacyValues] = useState({ ...user.profileUI });
const [madeChanges, setMadeChanges] = useState(false); const madeChanges = !isEqual(privacyValues, initialPrivacyValues);
function toggleFlag(flag: keyof ProfileUI): () => void { function toggleFlag(flag: keyof ProfileUI): () => void {
return () => { return () => {
setMadeChanges(true);
setPrivacyValues({ ...privacyValues, [flag]: !privacyValues[flag] }); setPrivacyValues({ ...privacyValues, [flag]: !privacyValues[flag] });
}; };
} }
@@ -46,7 +50,7 @@ function ProfilePrivacyComponent({
e.preventDefault(); e.preventDefault();
if (!madeChanges) return; if (!madeChanges) return;
submitProfileUI(privacyValues); submitProfileUI(privacyValues);
setMadeChanges(false); setInitialPrivacyValues({ ...privacyValues }); // reset baseline after saving
} }
return ( return (