f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 20:42:44 +00:00
Code Wiki Activity

rename autosave state to autoSaveEnabled

Browse Source
This commit is contained in:
Trevor Buckner
2025-09-08 23:13:21 -04:00
parent a75364c7f6
commit 883f59ff0d
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
client/homebrew/pages/editPage/editPage.jsx
View File

@@ -60,7 +60,7 @@ const EditPage = (props) => {
const [alertLoginToTransfer , setAlertLoginToTransfer ] = useState(false); const [alertLoginToTransfer , setAlertLoginToTransfer ] = useState(false);
const [confirmGoogleTransfer , setConfirmGoogleTransfer ] = useState(false); const [confirmGoogleTransfer , setConfirmGoogleTransfer ] = useState(false);
const [url , setUrl ] = useState(''); const [url , setUrl ] = useState('');
const [autoSave , setAutoSave ] = useState(true); const [autoSaveEnabled , setAutoSaveEnabled ] = useState(true);
const [autoSaveWarning , setAutoSaveWarning ] = useState(false); const [autoSaveWarning , setAutoSaveWarning ] = useState(false);
const [unsavedTime , setUnsavedTime ] = useState(new Date()); const [unsavedTime , setUnsavedTime ] = useState(new Date());
@@ -70,7 +70,7 @@ const EditPage = (props) => {
setUrl(window.location.href); setUrl(window.location.href);
const autoSavePref = JSON.parse(localStorage.getItem('AUTOSAVE_ON') ?? true); const autoSavePref = JSON.parse(localStorage.getItem('AUTOSAVE_ON') ?? true);
setAutoSave(autoSavePref); setAutoSaveEnabled(autoSavePref);
setAutoSaveWarning(!autoSavePref) setAutoSaveWarning(!autoSavePref)
setHTMLErrors(Markdown.validate(currentBrew.text)); setHTMLErrors(Markdown.validate(currentBrew.text));
fetchThemeBundle(setError, setThemeBundle, currentBrew.renderer, currentBrew.theme); fetchThemeBundle(setError, setThemeBundle, currentBrew.renderer, currentBrew.theme);
@@ -91,6 +91,8 @@ const EditPage = (props) => {
useEffect(() => { useEffect(() => {
const hasChange = !_.isEqual(currentBrew, savedBrew.current); const hasChange = !_.isEqual(currentBrew, savedBrew.current);
setUnsavedChanges(hasChange); setUnsavedChanges(hasChange);
if(autoSaveEnabled) save();
}, [currentBrew]); }, [currentBrew]);
const handleControlKeys = (e) => { const handleControlKeys = (e) => {
@@ -128,12 +130,12 @@ const EditPage = (props) => {
setHTMLErrors(HTMLErrors); setHTMLErrors(HTMLErrors);
setCurrentBrew((prevBrew) => ({ ...prevBrew, text })); setCurrentBrew((prevBrew) => ({ ...prevBrew, text }));
if (autoSave) debounceSave(); if (autoSaveEnabled) debounceSave();
}; };
const handleStyleChange = (style) => { const handleStyleChange = (style) => {
setCurrentBrew(prevBrew => ({ ...prevBrew, style })); setCurrentBrew(prevBrew => ({ ...prevBrew, style }));
if (autoSave) debounceSave(); if (autoSaveEnabled) debounceSave();
}; };
const handleSnipChange = (snippet)=>{ const handleSnipChange = (snippet)=>{
@@ -143,7 +145,7 @@ const EditPage = (props) => {
setHTMLErrors(HTMLErrors); setHTMLErrors(HTMLErrors);
setCurrentBrew((prevBrew) => ({ ...prevBrew, snippets: snippet })); setCurrentBrew((prevBrew) => ({ ...prevBrew, snippets: snippet }));
if (autoSave) debounceSave(); if (autoSaveEnabled) debounceSave();
}; };
const handleMetaChange = (metadata, field = undefined) => { const handleMetaChange = (metadata, field = undefined) => {
@@ -151,7 +153,7 @@ const EditPage = (props) => {
fetchThemeBundle(setError, setThemeBundle, metadata.renderer, metadata.theme); fetchThemeBundle(setError, setThemeBundle, metadata.renderer, metadata.theme);
setCurrentBrew(prev => ({ ...prev, ...metadata })); setCurrentBrew(prev => ({ ...prev, ...metadata }));
if (autoSave) debounceSave(); if (autoSaveEnabled) debounceSave();
}; };
const updateBrew = (newData) => const updateBrew = (newData) =>
@@ -306,7 +308,7 @@ const EditPage = (props) => {
// #2 - Unsaved changes exist, autosave is OFF and warning timer has expired, show AUTOSAVE WARNING // #2 - Unsaved changes exist, autosave is OFF and warning timer has expired, show AUTOSAVE WARNING
if (unsavedChanges && autoSaveWarning) { if (unsavedChanges && autoSaveWarning) {
setAutosaveWarning(); resetAutoSaveWarning();
const elapsedTime = Math.round((new Date() - unsavedTime) / 1000 / 60); const elapsedTime = Math.round((new Date() - unsavedTime) / 1000 / 60);
const text = elapsedTime === 0 const text = elapsedTime === 0
? 'Autosave is OFF.' ? 'Autosave is OFF.'
@@ -323,7 +325,7 @@ const EditPage = (props) => {
return <Nav.item className='save' onClick={() => trySave(true)} color='blue' icon='fas fa-save'>Save Now</Nav.item> return <Nav.item className='save' onClick={() => trySave(true)} color='blue' icon='fas fa-save'>Save Now</Nav.item>
// #4 - No unsaved changes, autosave is ON, show AUTO-SAVED // #4 - No unsaved changes, autosave is ON, show AUTO-SAVED
if (autoSave) if (autoSaveEnabled)
return <Nav.item className='save saved'>auto-saved.</Nav.item>; return <Nav.item className='save saved'>auto-saved.</Nav.item>;
// DEFAULT - No unsaved changes, show SAVED // DEFAULT - No unsaved changes, show SAVED
@@ -333,18 +335,18 @@ const EditPage = (props) => {
const handleAutoSave = () => { const handleAutoSave = () => {
if (warningTimer.current) clearTimeout(warningTimer.current); if (warningTimer.current) clearTimeout(warningTimer.current);
localStorage.setItem('AUTOSAVE_ON', JSON.stringify(!autoSaveEnabled)); localStorage.setItem('AUTOSAVE_ON', JSON.stringify(!autoSaveEnabled));
setAutoSave(!autoSave); setAutoSaveEnabled(!autoSaveEnabled);
setAutoSaveWarning(false); setAutoSaveWarning(false);
}; };
const resetAutosaveWarning = () => { const resetAutoSaveWarning = () => {
setTimeout(setAutoSaveWarning(false), 4000); // Hide the warning after 4 seconds setTimeout(setAutoSaveWarning(false), 4000); // Hide the warning after 4 seconds
warningTimer.current = setTimeout(setAutoSaveWarning(true), 900000); // 15 minutes between unsaved changes warnings warningTimer.current = setTimeout(setAutoSaveWarning(true), 900000); // 15 minutes between unsaved changes warnings
}; };
const renderAutoSaveButton = () => ( const renderAutoSaveButton = () => (
<Nav.item onClick={handleAutoSave}> <Nav.item onClick={handleAutoSave}>
Autosave <i className={autoSave ? 'fas fa-power-off active' : 'fas fa-power-off'}></i> Autosave <i className={autoSaveEnabled ? 'fas fa-power-off active' : 'fas fa-power-off'}></i>
</Nav.item> </Nav.item>
); );