Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🪟 🔧 Refactor ConnectorForm Card component usage #19099

Closed

Conversation

YatsukBogdan1
Copy link
Contributor

What

Closes #16469. This is a new PR that uses less radical changes to ConnectorForm. Initial PR #18229

How

This PR proposes changes to ConnectorForm that removes a single big Card component and uses two smaller Cards, one wraps the ConnectorDefinitionTypeControl component, and another wraps FormRoot. This structure allows us to move actions buttons out of the Card component, without significant changes to ConnectorForm

@YatsukBogdan1 YatsukBogdan1 requested a review from a team as a code owner November 7, 2022 23:19
@github-actions github-actions bot added area/platform issues related to the platform area/frontend Related to the Airbyte webapp labels Nov 7, 2022
Comment on lines 12 to 26
const DeleteBlockComponent = styled(Card)`
margin-top: 12px;
padding: 19px 20px 20px;
display: flex;
align-items: center;
justify-content: space-between;
`;

const Text = styled.div`
margin-left: 20px;
font-size: 11px;
line-height: 13px;
color: ${({ theme }) => theme.greyColor40};
white-space: pre-line;
`;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since this is new code, this should be SASS and not styled components.

@@ -0,0 +1,3 @@
import DeleteBlock from "./DeleteBlock";

export default DeleteBlock;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should not use default imports for new components anymore.

…cture

# Conflicts:
#	airbyte-webapp/src/views/Connector/ConnectorForm/FormRoot.tsx
@YatsukBogdan1 YatsukBogdan1 marked this pull request as draft November 30, 2022 21:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Related to the Airbyte webapp area/platform issues related to the platform
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Dup] Move connector create/save button outside of the card
3 participants