improved UI refresh logic for constructor changes reflecting
This commit is contained in:
parent
56a319c125
commit
d890fbd82c
@ -209,6 +209,20 @@ const ConstructorPage = ({ mode = 'constructor' }: ConstructorPageProps) => {
|
|||||||
useState(true);
|
useState(true);
|
||||||
const [errorMessage, setErrorMessage] = useState('');
|
const [errorMessage, setErrorMessage] = useState('');
|
||||||
const [successMessage, setSuccessMessage] = useState('');
|
const [successMessage, setSuccessMessage] = useState('');
|
||||||
|
|
||||||
|
// Auto-dismiss toast messages after 5 seconds
|
||||||
|
useEffect(() => {
|
||||||
|
if (!errorMessage) return;
|
||||||
|
const timer = setTimeout(() => setErrorMessage(''), 5000);
|
||||||
|
return () => clearTimeout(timer);
|
||||||
|
}, [errorMessage]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!successMessage) return;
|
||||||
|
const timer = setTimeout(() => setSuccessMessage(''), 5000);
|
||||||
|
return () => clearTimeout(timer);
|
||||||
|
}, [successMessage]);
|
||||||
|
|
||||||
const [constructorInteractionMode, setConstructorInteractionMode] =
|
const [constructorInteractionMode, setConstructorInteractionMode] =
|
||||||
useState<ConstructorInteractionMode>('edit');
|
useState<ConstructorInteractionMode>('edit');
|
||||||
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user