hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

tweak extensions page texts

Browse Source 
Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2020-11-27 14:33:03 +02:00
parent 77c8617b79
commit e0b972d21b
3 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/extensions/usage/README.md
View File

@ -1,3 +1,23 @@
# Using Extensions
TBD
The features that Lens includes out-of-the-box are just the start.
Lens extensions let you add new features to your installation to support your workflow.
Rich extensibility model lets extension authors plug directly into the Lens UI and contribute functionality through the same APIs used by Lens itself.
![Extensions](images/extensions.png)
## Installing an Extension
You can install a dowloaded extension .tgz package by going to **File** > **Extensions** (**Lens** > **Extensions** on Mac). Alternatively you can point an URL to .tgz file. An installed extension is enabled automatically.
## Enabling an Extension
Go to **File** > **Extensions** (**Lens** > **Extensions** on Mac) and click "Enable" button.
## Disabling an Extension
Go to **File** > **Extensions** (**Lens** > **Extensions** on Mac) and click "Disable" button.
## Uninstalling an Extension
Go to **File** > **Extensions** (**Lens** > **Extensions** on Mac) and click "Uninstall" button.

BIN
docs/extensions/usage/images/extensions.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 589 KiB

12
src/renderer/components/+extensions/extensions.tsx
View File

@ -353,7 +353,7 @@ export class Extensions extends React.Component {
<Icon material="info"/>
<div>
{search && <p>No search results found</p>}
{!search && <p>There are no extensions in <code>{extensionsPath}</code></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>}
</div>
</div>
);
@ -396,15 +396,13 @@ export class Extensions extends React.Component {
render() {
const topHeader = <h2>Manage Lens Extensions</h2>;
const { installPath } = this;
const { installPath, extensions } = this;
return (
<DropFileInput onDropFiles={this.installOnDrop}>
<PageLayout showOnTop className="Extensions flex column gaps" header={topHeader} contentGaps={false}>
<h2>Lens Extensions</h2>
<div>
The features that Lens includes out-of-the-box are just the start.
Lens extensions let you add new features to your installation to support your workflow.
Rich extensibility model lets extension authors plug directly into the Lens UI and contribute functionality through the same APIs used by Lens itself.
Check out documentation to <a href={`${docsUrl}/latest/extensions/usage/`} target="_blank">learn more</a>.
</div>
@ -444,11 +442,11 @@ export class Extensions extends React.Component {
<h2>Installed Extensions</h2>
<div className="installed-extensions flex column gaps">
<SearchInput
placeholder="Search extensions by name or description"
{<SearchInput
placeholder="Search installed extensions by name or description"
value={this.search}
onChange={(value) => this.search = value}
/>
/>}
{this.renderExtensions()}
</div>
</PageLayout>