1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

tweak more

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2020-11-27 14:39:44 +02:00
parent e0b972d21b
commit 8934b74bf3

View File

@ -66,11 +66,11 @@ export class Extensions extends React.Component {
* Extensions that were removed from extensions but are still in "uninstalling" state * Extensions that were removed from extensions but are still in "uninstalling" state
*/ */
@computed get removedUninstalling() { @computed get removedUninstalling() {
return Array.from(this.extensionState.entries()).filter(([id, extension]) => return Array.from(this.extensionState.entries()).filter(([id, extension]) =>
extension.state === "uninstalling" && !this.extensions.find(extension => extension.id === id) extension.state === "uninstalling" && !this.extensions.find(extension => extension.id === id)
).map(([id, extension]) => ({ ...extension, id })); ).map(([id, extension]) => ({ ...extension, id }));
} }
componentDidMount() { componentDidMount() {
disposeOnUnmount(this, disposeOnUnmount(this,
reaction(() => this.extensions, (extensions) => { reaction(() => this.extensions, (extensions) => {
@ -353,7 +353,7 @@ export class Extensions extends React.Component {
<Icon material="info"/> <Icon material="info"/>
<div> <div>
{search && <p>No search results found</p>} {search && <p>No search results found</p>}
{!search && <p>There are no installed extensions. See list of <a href="https://github.com/lensapp/lens-extensions/blob/main/README.md">available extensions</a>.</p>} {!search && <p>There are no installed extensions. See list of <a href="https://github.com/lensapp/lens-extensions/blob/main/README.md" target="_blank">available extensions</a>.</p>}
</div> </div>
</div> </div>
); );
@ -402,8 +402,8 @@ export class Extensions extends React.Component {
<PageLayout showOnTop className="Extensions flex column gaps" header={topHeader} contentGaps={false}> <PageLayout showOnTop className="Extensions flex column gaps" header={topHeader} contentGaps={false}>
<h2>Lens Extensions</h2> <h2>Lens Extensions</h2>
<div> <div>
Lens extensions let you add new features to your installation to support your workflow. Add new features and functionality via Lens Extensions.
Check out documentation to <a href={`${docsUrl}/latest/extensions/usage/`} target="_blank">learn more</a>. Check out documentation to <a href={`${docsUrl}/latest/extensions/usage/`} target="_blank">learn more</a> or see the list of <a href="https://github.com/lensapp/lens-extensions/blob/main/README.md" target="_blank">available extensions</a>.
</div> </div>
<div className="install-extension flex column gaps"> <div className="install-extension flex column gaps">
@ -442,11 +442,11 @@ export class Extensions extends React.Component {
<h2>Installed Extensions</h2> <h2>Installed Extensions</h2>
<div className="installed-extensions flex column gaps"> <div className="installed-extensions flex column gaps">
{<SearchInput <SearchInput
placeholder="Search installed extensions by name or description" placeholder="Search installed extensions by name or description"
value={this.search} value={this.search}
onChange={(value) => this.search = value} onChange={(value) => this.search = value}
/>} />
{this.renderExtensions()} {this.renderExtensions()}
</div> </div>
</PageLayout> </PageLayout>