4ceee4ab8f
This PR was created by [GitStart](https://gitstart.com/) to address the requirements from this ticket: [TWNTY-7528](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7528). --- ### Description - Move loader components to `twenty-ui` Fixes twentyhq/private-issues#90 --------- Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com> Co-authored-by: Charles Bochet <charles@twenty.com>
24 lines
559 B
TypeScript
24 lines
559 B
TypeScript
import { Loader } from '@/ui/display/loader/components/Loader';
|
|
import styled from '@emotion/styled';
|
|
|
|
const StyledContainer = styled.div`
|
|
align-items: center;
|
|
background: ${({ theme }) => theme.background.noisy};
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100vh;
|
|
gap: ${({ theme }) => theme.spacing(2)};
|
|
justify-content: center;
|
|
`;
|
|
|
|
const Loading = () => {
|
|
return (
|
|
<StyledContainer>
|
|
<img src="/logo/32-32.svg" alt="twenty-logo" height={64} width={64} />
|
|
<Loader />
|
|
</StyledContainer>
|
|
);
|
|
};
|
|
|
|
export default Loading;
|