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

Create a "Section Header" which will house the Tabs list with Left and Right controls #37688

Open
4 tasks
Tracked by #37342
ankitakinger opened this issue Nov 25, 2024 · 1 comment · May be fixed by #38679
Open
4 tasks
Tracked by #37342

Create a "Section Header" which will house the Tabs list with Left and Right controls #37688

ankitakinger opened this issue Nov 25, 2024 · 1 comment · May be fixed by #38679
Assignees
Labels
IDE Pod Issues that new developers face while exploring the IDE IDE Product Issues related to the IDE Product Task A simple Todo

Comments

@ankitakinger
Copy link
Contributor

ankitakinger commented Nov 25, 2024

  • Create a section header component which will basically take 3 props: left control, right control and tabs (to show the tabs in the tabs list component). This will simply be a wrapper component without any core code logic in it.
  • Both left control & right control would be optional props. Left control: ReactNode, Right control: ReactNode, Tabs list: TabsList component Separate "Tabs" component which is scrollable with a list of tabs with add button #37692
  • The section header is the tabs list bar in the current UI from the left to the right which includes the icon on the right to switch from side by side to full screen and vice versa, and also the left control in side by side view which shows the list of all entities in that segment.
  • Replacement of current implementation with this component need not be handled in this task as it is dependent on the left control, right control & tabs list component.

NOTE: There are separate tasks for handling the functionality of left control, right control & tabs list. This task should only handle the component that takes in these props and renders the UI.

Screenshot 2024-12-27 at 6 21 06 PM
@Nikhil-Nandagopal Nikhil-Nandagopal added the Task A simple Todo label Nov 25, 2024
@ankitakinger ankitakinger added IDE Product Issues related to the IDE Product IDE Pod Issues that new developers face while exploring the IDE labels Nov 25, 2024
@ankitakinger
Copy link
Contributor Author

Hey team! Please add your planning poker estimate with Zenhub @alex-golovanov @hetunandu

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
IDE Pod Issues that new developers face while exploring the IDE IDE Product Issues related to the IDE Product Task A simple Todo
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants