← All changes | src/Agent/workflows/theme/components/SelectAnimation.jsx +2 -7 3.1.3 → 3.2.1 View file →

		@@ -58,9 +58,9 @@
58	58	slug: 'fast',
59	59	},
60	60	];
61	61
62		-export const SelectAnimation = ({ onConfirm, onCancel, onLoad }) => {
	62	+export const SelectAnimation = ({ onConfirm, onCancel }) => {
63	63	const initialSettings = useRef({});
64	64	const [animation, setAnimation] = useState(null);
65	65	const [touched, setTouched] = useState(0);
66	66	const [speed, setSpeed] = useState(null);
		@@ -93,13 +93,8 @@
93	93	window.ExtendableAnimations.setSpeed(speed);
94	94	}, [speed, animation, touched]);
95	95
96	96	useEffect(() => {
97		- if (loading) return;
98		- onLoad();
99		- }, [loading, onLoad]);
100		-
101		- useEffect(() => {
102	97	if (!loading) return;
103	98	getOption('extendify_animation_settings').then((settings = {}) => {
104	99	const defaults = { type: 'none', speed: 'medium' };
105	100	initialSettings.current = { ...defaults, ...(settings || {}) };
		@@ -120,9 +115,9 @@
120	115	);
121	116	}
122	117
123	118	return (
124		- <div className="mb-4 ml-10 mr-2 flex flex-col rounded-lg border border-gray-300 bg-gray-50 rtl:ml-2 rtl:mr-10">
	119	+ <div className="mb-4 ms-2 me-2 flex flex-col rounded-lg border border-gray-300 bg-gray-50">
125	120	<div className="rounded-lg p-3 border-b border-gray-300 bg-white">
126	121	<div className="text-xs uppercase mb-3 text-gray-700 font-medium">
127	122	{/* translators: "Type" refers to the category of animation effects available. e.g. The type could be 'Zoom In', 'Fade', etc. */}
128	123	{_x('Type', 'animation type', 'extendify-local')}