db54469c8a
Implement soft delete on standards and custom objects. This is a temporary solution, when we drop `pg_graphql` we should rely on the `softDelete` functions of TypeORM. --------- Co-authored-by: Félix Malfait <felix.malfait@gmail.com> Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import styled from '@emotion/styled';
|
|
import { IconEye } from 'twenty-ui';
|
|
|
|
import { FloatingButton } from '@/ui/input/button/components/FloatingButton';
|
|
import { Card } from '@/ui/layout/card/components/Card';
|
|
|
|
import { SettingsPath } from '@/types/SettingsPath';
|
|
import DarkCoverImage from '../assets/cover-dark.png';
|
|
import LightCoverImage from '../assets/cover-light.png';
|
|
|
|
const StyledCoverImageContainer = styled(Card)`
|
|
align-items: center;
|
|
background-image: ${({ theme }) =>
|
|
theme.name === 'light'
|
|
? `url('${LightCoverImage.toString()}')`
|
|
: `url('${DarkCoverImage.toString()}')`};
|
|
background-size: cover;
|
|
border-radius: ${({ theme }) => theme.border.radius.md};
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 153px;
|
|
justify-content: center;
|
|
position: relative;
|
|
margin-bottom: ${({ theme }) => theme.spacing(8)};
|
|
`;
|
|
|
|
const StyledButtonContainer = styled.div`
|
|
padding-top: ${({ theme }) => theme.spacing(5)};
|
|
`;
|
|
export const SettingsObjectCoverImage = () => {
|
|
return (
|
|
<StyledCoverImageContainer>
|
|
<StyledButtonContainer>
|
|
<FloatingButton
|
|
Icon={IconEye}
|
|
title="Visualize"
|
|
size="small"
|
|
to={'/settings/' + SettingsPath.ObjectOverview}
|
|
/>
|
|
</StyledButtonContainer>
|
|
</StyledCoverImageContainer>
|
|
);
|
|
};
|