🚨 Fix TS lint errors

Author: cermakjiri

src/model.ts

@@ -16,6 +16,16 @@ export default class Model {
     return configuration.typescript ? templatesTypescript : templatesJavascript;
   }
 
+  getWorkspacePath() {
+    const workspaces = vscode.workspace.workspaceFolders;
+
+    if (workspaces) {
+      return workspaces[0].uri.toString().split(":")[1];
+    }
+
+    return null;
+  }
+
   createComponent(contextUri: string) {
     vscode.window
       .showInputBox({
@@ -26,9 +36,7 @@ export default class Model {
       .then((name) => {
         if (!name) return;
 
-        const workspacePath = vscode.workspace.workspaceFolders[0].uri
-          .toString()
-          .split(":")[1];
+        const workspacePath = this.getWorkspacePath();
         const folderPath = `${contextUri || workspacePath}/${name}`;
 
         this.createFolder(folderPath);
@@ -51,9 +59,7 @@ export default class Model {
       .then((name) => {
         if (!name) return;
 
-        const workspacePath = vscode.workspace.workspaceFolders[0].uri
-          .toString()
-          .split(":")[1];
+        const workspacePath = this.getWorkspacePath();
         const folderPath = `${contextUri || workspacePath}/${name}`;
 
         this.createFolder(folderPath);
@@ -134,7 +140,7 @@ export default class Model {
     fs.writeFile(`${path}/${name}`, content, this.handleError);
   }
 
-  handleError(error) {
+  handleError(error: any) {
     if (error) {
       vscode.window.showErrorMessage(error);
     }

src/template/component.ts

@@ -1,6 +1,6 @@
-export const index = (name) => `export * from './${name}';\n`;
+export const index = (name: string) => `export * from './${name}';\n`;
 
-export const indexFela = (name, dependencies: boolean) => `${
+export const indexFela = (name: string, dependencies: boolean) => `${
   dependencies
     ? "import { connectFela } from '../../dependencies'"
     : "import { connect as connectFela } from 'react-fela'"
@@ -57,8 +57,7 @@ ${name}.propTypes = {
 };
 `;
 
-export const styles = (dependencies: boolean) =>
-  "export const container = () => ({});\n";
+export const styles = () => "export const container = () => ({});\n";
 
 export const component = (name: string, dependencies: boolean) => `${
   dependencies

src/template/componentsTypescript.ts

@@ -31,19 +31,13 @@ export const felaComponent = (
     : "import React from 'react';\nimport type { FelaWithStylesProps } from 'react-fela';"
 }
 ${getExtendPropImport(typescriptFelaTheme, typescriptFelaExtendProp)}
-${
-  typescriptFelaExtendProp
-    ? `import * as felaRules from './${name}.rules';`
-    : ""
-}
+import * as felaRules from './${name}.rules';
 
 export interface ${name}OwnProps {
   ${getExtendProp(typescriptFelaTheme, typescriptFelaExtendProp)}
 }
 
-interface ${name}Props extends FelaWithStylesProps<${name}OwnProps, ${
-  typescriptFelaExtendProp ? "typeof felaRules" : "{}"
-}>, ${name}OwnProps {}
+interface ${name}Props extends FelaWithStylesProps<${name}OwnProps, typeof felaRules> {}
 
 export const ${name} = ({ styles }: ${name}Props) => {
     return (