eclipse-theia/theia

Helpful Banner on Empty Window

Open

#10804 opened on Feb 25, 2022

View on GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (18,676 stars) (2,478 forks)batch import
enhancementhelp wantedui/ux

Description

Feature Description:

In VSCode, when no tabs are present, the VSCode logo is shown, together with a banner showing some of the most important keyboard shortcuts in the application:

image

Since it can otherwise be difficult (as a new user) to discover features like the global command palette, this banner is very helpful, and we should consider implementing something similar.

Contributor guide

Tech stack
typescriptreact
Domain
frontenddeveloper experience
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Theia extension developmentReactTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
Investigate how Theia renders the empty editor area. Look at the shell package for the main layout. Consider adding a banner component similar to VSCode's welcome view. Check existing welcome widgets in the repository for patterns. The issue has no comments indicating further requirements, so start by prototyping a simple banner.