cleanup Lens repo with tighter linting

Signed-off-by: Sebastian Malton <smalton@mirantis.com>

dashboard/client/components/+storage-classes/index.ts

@@ -1,4 +1,4 @@
-export * from "./storage-classes.route"
-export * from "./storage-classes"
-export * from "./storage-class-details"
+export * from "./storage-classes.route";
+export * from "./storage-classes";
+export * from "./storage-class-details";
 

dashboard/client/components/+storage-classes/storage-class-details.tsx

@@ -18,9 +18,11 @@ interface Props extends KubeObjectDetailsProps<StorageClass> {
 
 @observer
 export class StorageClassDetails extends React.Component<Props> {
-  render() {
+  render(): JSX.Element {
     const { object: storageClass } = this.props;
-    if (!storageClass) return null;
+    if (!storageClass) {
+      return null;
+    }
     const { provisioner, parameters, mountOptions } = storageClass;
     return (
       <div className="StorageClassDetails">
@@ -64,4 +66,4 @@ export class StorageClassDetails extends React.Component<Props> {
 
 apiManager.registerViews(storageClassApi, {
   Details: StorageClassDetails
-})
+});

dashboard/client/components/+storage-classes/storage-classes.route.ts

@@ -1,12 +1,12 @@
-import { RouteProps } from "react-router"
+import { RouteProps } from "react-router";
 import { buildURL } from "../../navigation";
 
 export const storageClassesRoute: RouteProps = {
   path: "/storage-classes"
+};
+
+export interface StorageClassesRouteParams {
 }
 
-export interface IStorageClassesRouteParams {
-}
-
-export const storageClassesURL = buildURL<IStorageClassesRouteParams>(storageClassesRoute.path)
+export const storageClassesURL = buildURL<StorageClassesRouteParams>(storageClassesRoute.path);
 

dashboard/client/components/+storage-classes/storage-classes.tsx

@@ -1,4 +1,4 @@
-import "./storage-classes.scss"
+import "./storage-classes.scss";
 
 import * as React from "react";
 import { RouteComponentProps } from "react-router-dom";
@@ -7,7 +7,7 @@ import { Trans } from "@lingui/macro";
 import { StorageClass, storageClassApi } from "../../api/endpoints/storage-class.api";
 import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
-import { IStorageClassesRouteParams } from "./storage-classes.route";
+import { StorageClassesRouteParams } from "./storage-classes.route";
 import { storageClassStore } from "./storage-class.store";
 import { apiManager } from "../../api/api-manager";
 
@@ -18,25 +18,25 @@ enum sortBy {
   reclaimPolicy = "reclaim",
 }
 
-interface Props extends RouteComponentProps<IStorageClassesRouteParams> {
+interface Props extends RouteComponentProps<StorageClassesRouteParams> {
 }
 
 @observer
 export class StorageClasses extends React.Component<Props> {
-  render() {
+  render(): JSX.Element {
     return (
       <KubeObjectListLayout
         className="StorageClasses"
         store={storageClassStore} isClusterScoped
         sortingCallbacks={{
-          [sortBy.name]: (item: StorageClass) => item.getName(),
-          [sortBy.age]: (item: StorageClass) => item.metadata.creationTimestamp,
-          [sortBy.provisioner]: (item: StorageClass) => item.provisioner,
-          [sortBy.reclaimPolicy]: (item: StorageClass) => item.reclaimPolicy,
+          [sortBy.name]: (item: StorageClass): string => item.getName(),
+          [sortBy.age]: (item: StorageClass): string => item.metadata.creationTimestamp,
+          [sortBy.provisioner]: (item: StorageClass): string => item.provisioner,
+          [sortBy.reclaimPolicy]: (item: StorageClass): string => item.reclaimPolicy,
         }}
         searchFilters={[
-          (item: StorageClass) => item.getSearchFields(),
-          (item: StorageClass) => item.provisioner,
+          (item: StorageClass): string[] => item.getSearchFields(),
+          (item: StorageClass): string => item.provisioner,
         ]}
         renderHeaderTitle={<Trans>Storage Classes</Trans>}
         renderTableHeader={[
@@ -46,27 +46,27 @@ export class StorageClasses extends React.Component<Props> {
           { title: <Trans>Default</Trans>, className: "is-default" },
           { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
         ]}
-        renderTableContents={(storageClass: StorageClass) => [
+        renderTableContents={(storageClass: StorageClass): (string | JSX.Element | number)[] => [
           storageClass.getName(),
           storageClass.provisioner,
           storageClass.getReclaimPolicy(),
           storageClass.isDefault() ? <Trans>Yes</Trans> : null,
           storageClass.getAge(),
         ]}
-        renderItemMenu={(item: StorageClass) => {
-          return <StorageClassMenu object={item}/>
+        renderItemMenu={(item: StorageClass): JSX.Element => {
+          return <StorageClassMenu object={item}/>;
         }}
       />
-    )
+    );
   }
 }
 
-export function StorageClassMenu(props: KubeObjectMenuProps<StorageClass>) {
+export function StorageClassMenu(props: KubeObjectMenuProps<StorageClass>): JSX.Element {
   return (
     <KubeObjectMenu {...props}/>
-  )
+  );
 }
 
 apiManager.registerViews(storageClassApi, {
   Menu: StorageClassMenu,
-})
+});