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

add artifacts drawer to code tab #6550

Merged
merged 22 commits into from
Oct 20, 2022
Merged

add artifacts drawer to code tab #6550

merged 22 commits into from
Oct 20, 2022

Conversation

luvkapur
Copy link
Member

@luvkapur luvkapur commented Oct 17, 2022

Proposed Changes

  • Remove Component Pipeline Tab from Component UI
  • Add Artifacts Drawer to Component Code Tab

image

image

image

@luvkapur luvkapur requested a review from GiladShoham October 18, 2022 15:18
@luvkapur luvkapur requested a review from odedre October 18, 2022 19:24
@@ -1662,42 +1674,6 @@
"mainFile": "index.ts",
"rootDir": "scopes/design/ui/pill-label"
},
"ui/pipelines/artifacts-panel": {
Copy link
Member

Choose a reason for hiding this comment

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

deprecate these components

onToggle={onToggle}
name={name}
className={styles.dependencyDrawer}
contentClass={styles.dependencyDrawerContent}
Copy link
Member

Choose a reason for hiding this comment

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

add TODO to move the overflow: auto to DrawerUi so all will get this by default

@@ -1,7 +1,7 @@
import { ComponentAspect, ComponentUI } from '@teambit/component';
import { UIRuntime } from '@teambit/ui';
import React from 'react';
import { SlotRegistry, Slot } from '@teambit/harmony';
import { Harmony, SlotRegistry, Slot } from '@teambit/harmony';
Copy link
Member

Choose a reason for hiding this comment

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

import Harmony as type in all places

@@ -1,7 +1,7 @@
import { ComponentAspect, ComponentUI } from '@teambit/component';
import { UIRuntime } from '@teambit/ui';
import React from 'react';
import { SlotRegistry, Slot } from '@teambit/harmony';
import { Harmony, SlotRegistry, Slot } from '@teambit/harmony';
Copy link
Member

Choose a reason for hiding this comment

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

import Harmony as type in all places you can

};
}

export function FileTreeNode(props: TreeNodeProps<any>) {
Copy link
Member

Choose a reason for hiding this comment

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

isnt this internal?

Copy link
Member

Choose a reason for hiding this comment

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

if so, dont export

if (artifactFile) {
return (
<div className={styles.artifactWidgets}>
{/* <Icon className={styles.icon} of="open-tab" onClick={(e) => fileNodeClicked(files, 'new tab')(e, node)} /> */}
Copy link
Member

Choose a reason for hiding this comment

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

cleanup

@@ -18,8 +18,9 @@
user-select: none;
font-weight: bold;
padding: 0 8px;

line-height: 16px;
Copy link
Member

Choose a reason for hiding this comment

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

consider changing to 1em. so if we change the font size to 20px it will still look good

@@ -72,6 +73,7 @@
flex: 1 1;
transition: max-height 300ms ease-in-out;
max-height: 0;
line-height: 16px;
Copy link
Member

Choose a reason for hiding this comment

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

here as well

@@ -9,6 +9,7 @@
user-select: none;
font-weight: bold;
font-size: inherit;
line-height: 16px;
Copy link
Member

Choose a reason for hiding this comment

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

1.2em

@@ -8,7 +8,7 @@
padding-right: 8px;
font-size: inherit;
font-size: var(--bit-p-xs);

line-height: 16px;
Copy link
Member

Choose a reason for hiding this comment

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

same

@luvkapur luvkapur enabled auto-merge (squash) October 19, 2022 20:45
@luvkapur luvkapur merged commit f88cda4 into master Oct 20, 2022
@luvkapur luvkapur deleted the component-artifacts-drawer branch October 20, 2022 18:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants