ae62789159
- remove asynchronous serverless function build - build serverless function synchronously instead on activate workflow or execute - add a loader on workflow code step test tab test button - add a new `ServerlessFunctionSyncStatus` `BUILDING` - add a new route to build a serverless function draft version - delay artificially execution to avoid UI flashing https://github.com/user-attachments/assets/8d958d9a-ef41-4261-999e-6ea374191e33
34 lines
704 B
TypeScript
34 lines
704 B
TypeScript
import React from 'react';
|
|
import { motion } from 'framer-motion';
|
|
import styled from '@emotion/styled';
|
|
import { useTheme } from '@emotion/react';
|
|
|
|
const StyledAnimatedContainer = styled(motion.div)`
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
`;
|
|
|
|
export const AnimatedCircleLoading = ({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) => {
|
|
const theme = useTheme();
|
|
return (
|
|
<StyledAnimatedContainer
|
|
initial={{ rotate: 0 }}
|
|
animate={{
|
|
rotate: 360,
|
|
}}
|
|
transition={{
|
|
repeat: Infinity,
|
|
duration: theme.animation.duration.slow,
|
|
ease: 'easeInOut',
|
|
}}
|
|
>
|
|
{children}
|
|
</StyledAnimatedContainer>
|
|
);
|
|
};
|