feature: Improve support view CF-1651

Author: inesgomas

package.json

@@ -96,18 +96,14 @@
         },
         {
           "id": "codacy:support",
-          "name": "Chat with us",
+          "name": "Help and Feedback",
           "icon": "$(question)",
           "collapsed": false,
           "initialSize": 1
         }
       ]
     },
     "viewsWelcome": [
-      {
-        "view": "codacy:support",
-        "contents": "Do you need help or do you have any questions?\n[Open support chat](https://codacy.zendesk.com/hc/en-us/requests/new)\nEnjoying the experience? Please consider [leaving a review](https://marketplace.visualstudio.com/items?itemName=codacy-app.codacy&ssr=false#review-details)"
-      },
       {
         "view": "codacy:status",
         "contents": "No project is open. Open a project to use the Codacy extension."

src/extension.ts

@@ -14,6 +14,7 @@ import { IssueDetailsProvider, seeIssueDetailsCommand } from './views/IssueDetai
 import { PullRequestsTree } from './views/PullRequestsTree'
 import { PullRequestNode } from './views/nodes/PullRequestNode'
 import { BranchIssuesTree } from './views/BranchIssuesTree'
+import { SupportTree } from './views/SupportTree'
 import { Account } from './codacy/Account'
 import Telemetry from './common/telemetry'
 import { decorateWithCoverage } from './views/coverage'
@@ -184,6 +185,7 @@ export async function activate(context: vscode.ExtensionContext) {
     context.subscriptions.push(statusBar)
     context.subscriptions.push(new PullRequestsTree(context, codacyCloud))
     context.subscriptions.push(new BranchIssuesTree(context, codacyCloud))
+    context.subscriptions.push(new SupportTree(context))
 
     // initialize the problems diagnostic collection with status bar reference
     context.subscriptions.push(new ProblemsDiagnosticCollection(codacyCloud, statusBar))

src/views/SupportTree.ts

@@ -0,0 +1,48 @@
+import * as vscode from 'vscode'
+import { SupportTreeNode } from './nodes/SupportTreeNode'
+
+export class SupportTree extends vscode.Disposable implements vscode.TreeDataProvider<SupportTreeNode> {
+  private _onDidChangeTreeData = new vscode.EventEmitter<SupportTreeNode | void>()
+  readonly onDidChangeTreeData = this._onDidChangeTreeData.event
+  private _view: vscode.TreeView<SupportTreeNode>
+
+  constructor(private _context: vscode.ExtensionContext) {
+    super(() => this.dispose())
+
+    // create the tree view
+    this._view = vscode.window.createTreeView('codacy:support', {
+      treeDataProvider: this,
+      showCollapseAll: false,
+    })
+
+    this._context.subscriptions.push(this._view)
+  }
+
+  getTreeItem(element: SupportTreeNode): vscode.TreeItem | Thenable<vscode.TreeItem> {
+    return element
+  }
+
+  async getChildren(element?: SupportTreeNode | undefined): Promise<SupportTreeNode[]> {
+    if (!element) {
+      // root level - return all support items
+      return [
+        new SupportTreeNode(
+          'Read documentation',
+          'book',
+          'https://docs.codacy.com/codacy-guardrails/codacy-guardrails-getting-started/'
+        ),
+        new SupportTreeNode('Contact support', 'mail', 'https://codacy.zendesk.com/hc/en-us/requests/new'),
+        new SupportTreeNode('Give feedback', 'feedback', 'https://tally.so/r/meyROJ'),
+        new SupportTreeNode(
+          'Review extension',
+          'star',
+          'https://marketplace.visualstudio.com/items?itemName=codacy-app.codacy&ssr=false#review-details'
+        ),
+        new SupportTreeNode('View extension logs', 'output', undefined, 'codacy.showOutput'),
+      ]
+    } else {
+      // these are leaf nodes, no children
+      return []
+    }
+  }
+}

src/views/nodes/SupportTreeNode.ts

@@ -0,0 +1,28 @@
+import * as vscode from 'vscode'
+
+export class SupportTreeNode extends vscode.TreeItem {
+  constructor(
+    label: string,
+    icon: string,
+    public readonly url?: string,
+    public readonly commandName?: string
+  ) {
+    super(label, vscode.TreeItemCollapsibleState.None)
+
+    this.iconPath = new vscode.ThemeIcon(icon)
+
+    if (url) {
+      this.command = {
+        command: 'vscode.open',
+        title: 'Open',
+        arguments: [vscode.Uri.parse(url)],
+      }
+    } else if (commandName) {
+      this.command = {
+        command: commandName,
+        title: 'Open',
+        arguments: [],
+      }
+    }
+  }
+}

src/views/nodes/index.ts

@@ -7,3 +7,4 @@ export * from './PullRequestCoverageNode'
 export * from './PullRequestAuthorNode'
 export * from './PullRequestBranchNode'
 export * from './BranchIssuesTreeNode'
+export * from './SupportTreeNode'