diff --git a/docs/extensions/usage/README.md b/docs/extensions/usage/README.md index 7ca1ab7e51..4020e64d65 100644 --- a/docs/extensions/usage/README.md +++ b/docs/extensions/usage/README.md @@ -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. diff --git a/docs/extensions/usage/images/extensions.png b/docs/extensions/usage/images/extensions.png new file mode 100644 index 0000000000..5deb8e4bd2 Binary files /dev/null and b/docs/extensions/usage/images/extensions.png differ diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx index 327dccee99..1f0af3c811 100644 --- a/src/renderer/components/+extensions/extensions.tsx +++ b/src/renderer/components/+extensions/extensions.tsx @@ -353,7 +353,7 @@ export class Extensions extends React.Component {
{search &&

No search results found

} - {!search &&

There are no extensions in {extensionsPath}

} + {!search &&

There are no installed extensions. See list of available extensions.

}
); @@ -396,15 +396,13 @@ export class Extensions extends React.Component { render() { const topHeader =

Manage Lens Extensions

; - const { installPath } = this; + const { installPath, extensions } = this; return (

Lens Extensions

- 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 learn more.
@@ -444,11 +442,11 @@ export class Extensions extends React.Component {

Installed Extensions

- this.search = value} - /> + />} {this.renderExtensions()}