Fixes https://github.com/appsmithorg/appsmith/issues/28034 The feature is behind feature flag and it has been turned off for all users. The feature is no longer shown to users, so we skip the test altogether. The test file is deleted along with the code for the feature.
71 lines
1.4 KiB
TypeScript
71 lines
1.4 KiB
TypeScript
import { Colors } from "constants/Colors";
|
|
|
|
import { Button } from "design-system";
|
|
import React from "react";
|
|
import styled from "styled-components";
|
|
|
|
const Wrapper = styled.div`
|
|
position: absolute;
|
|
z-index: 9;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: #ffffff61;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
`;
|
|
|
|
const Container = styled.div`
|
|
text-align: center;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 10px;
|
|
height: 100%;
|
|
justify-content: center;
|
|
backdrop-filter: blur(1px);
|
|
`;
|
|
|
|
const Header = styled.div`
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
color: ${Colors.GREY_900};
|
|
margin-bottom: 12px;
|
|
`;
|
|
|
|
const ConnecData = styled(Button)`
|
|
margin-bottom: 16px;
|
|
`;
|
|
|
|
export function ConnectDataOverlay(props: {
|
|
onConnectData: () => void;
|
|
message: string;
|
|
btnText: string;
|
|
}) {
|
|
const onClick = () => {
|
|
props.onConnectData();
|
|
};
|
|
|
|
return (
|
|
<Wrapper>
|
|
<Container>
|
|
<Header className="t--cypress-table-overlay-header">
|
|
{props.message}
|
|
</Header>
|
|
<ConnecData
|
|
className="t--cypress-table-overlay-connectdata"
|
|
id={"table-overlay-connectdata"}
|
|
onClick={onClick}
|
|
size="md"
|
|
>
|
|
{props.btnText}
|
|
</ConnecData>
|
|
</Container>
|
|
</Wrapper>
|
|
);
|
|
}
|