d0ff1ffd5f
- create a serverless function when creating a new workflow code step - add code editor in workflow code step - move workflowVersion steps management from frontend to backend - add a custom resolver for workflow-version management - fix optimistic rendering on frontend - fix css - delete serverless function when deleting workflow code step TODO - Don't update serverlessFunction if no code change - Factorize what can be between crud trigger and crud step - Publish serverless version when activating workflow - delete serverless functions when deleting workflow or workflowVersion - fix optimistic rendering for code updates - Unify CRUD types <img width="1279" alt="image" src="https://github.com/user-attachments/assets/3d97ee9f-4b96-4abc-9d36-5c0280058be4">
32 lines
874 B
TypeScript
32 lines
874 B
TypeScript
import styled from '@emotion/styled';
|
|
import { BACKGROUND_LIGHT, GRAY_SCALE } from 'twenty-ui';
|
|
import { SKELETON_LOADER_HEIGHT_SIZES } from '@/activities/components/SkeletonLoader';
|
|
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
|
|
|
|
const StyledRightDrawerContainer = styled.div`
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
`;
|
|
|
|
const StyledSkeletonLoader = () => {
|
|
return (
|
|
<SkeletonTheme
|
|
baseColor={GRAY_SCALE.gray15}
|
|
highlightColor={BACKGROUND_LIGHT.transparent.lighter}
|
|
borderRadius={4}
|
|
>
|
|
<Skeleton height={SKELETON_LOADER_HEIGHT_SIZES.standard.m} width={140} />
|
|
</SkeletonTheme>
|
|
);
|
|
};
|
|
|
|
export const RightDrawerSkeletonLoader = () => {
|
|
return (
|
|
<StyledRightDrawerContainer>
|
|
<StyledSkeletonLoader />
|
|
</StyledRightDrawerContainer>
|
|
);
|
|
};
|