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);
|
||||
const [errorMessage, setErrorMessage] = 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] =
|
||||
useState<ConstructorInteractionMode>('edit');
|
||||
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user