Add eslint rule padding-line-between-statements (#1593)

Signed-off-by: Panu Horsmalahti <phorsmalahti@mirantis.com>

src/renderer/components/+cluster/cluster-issues.tsx

@@ -44,6 +44,7 @@ export class ClusterIssues extends React.Component<Props> {
     // Node bad conditions
     nodesStore.items.forEach(node => {
       const { kind, selfLink, getId, getName } = node;
+
       node.getWarningConditions().forEach(({ message }) => {
         warnings.push({
           kind,
@@ -57,9 +58,11 @@ export class ClusterIssues extends React.Component<Props> {
 
     // Warning events for Workloads
     const events = eventStore.getWarnings();
+
     events.forEach(error => {
       const { message, involvedObject } = error;
       const { uid, name, kind } = involvedObject;
+
       warnings.push({
         getId: () => uid,
         getName: () => name,
@@ -77,6 +80,7 @@ export class ClusterIssues extends React.Component<Props> {
     const { warnings } = this;
     const warning = warnings.find(warn => warn.getId() == uid);
     const { getId, getName, message, kind, selfLink } = warning;
+
     return (
       <TableRow
         key={getId()}
@@ -99,11 +103,13 @@ export class ClusterIssues extends React.Component<Props> {
 
   renderContent() {
     const { warnings } = this;
+
     if (!eventStore.isLoaded) {
       return (
         <Spinner center/>
       );
     }
+
     if (!warnings.length) {
       return (
         <div className="no-issues flex column box grow gaps align-center justify-center">
@@ -113,6 +119,7 @@ export class ClusterIssues extends React.Component<Props> {
         </div>
       );
     }
+
     return (
       <>
         <SubHeader>

src/renderer/components/+cluster/cluster-metric-switchers.tsx

@@ -14,6 +14,7 @@ export const ClusterMetricSwitchers = observer(() => {
   const metricsValues = getMetricsValues(metrics);
   const disableRoles = !masterNodes.length || !workerNodes.length;
   const disableMetrics = !metricsValues.length;
+
   return (
     <div className="ClusterMetricSwitchers flex gaps">
       <div className="box grow">

src/renderer/components/+cluster/cluster-metrics.tsx

@@ -42,6 +42,7 @@ export const ClusterMetrics = observer(() => {
       callbacks: {
         label: ({ index }, data) => {
           const value = data.datasets[0].data[index] as ChartPoint;
+
           return value.y.toString();
         }
       }
@@ -60,6 +61,7 @@ export const ClusterMetrics = observer(() => {
       callbacks: {
         label: ({ index }, data) => {
           const value = data.datasets[0].data[index] as ChartPoint;
+
           return bytesToUnits(parseInt(value.y as string), 3);
         }
       }
@@ -71,9 +73,11 @@ export const ClusterMetrics = observer(() => {
     if ((!metricValues.length || !liveMetricValues.length) && !metricsLoaded) {
       return <Spinner center/>;
     }
+
     if (!memoryCapacity || !cpuCapacity) {
       return <ClusterNoMetrics className="empty"/>;
     }
+
     return (
       <BarChart
         name={`${metricNodeRole}-${metricType}`}

src/renderer/components/+cluster/cluster-pie-charts.tsx

@@ -141,6 +141,7 @@ export const ClusterPieCharts = observer(() => {
         `${i18n._(t`Capacity`)}: ${podCapacity}`,
       ]
     };
+
     return (
       <div className="NodeCharts flex justify-center box grow gaps">
         <div className="chart flex column align-center box grow">
@@ -174,6 +175,7 @@ export const ClusterPieCharts = observer(() => {
     const { masterNodes, workerNodes } = nodesStore;
     const { metricNodeRole, metricsLoaded } = clusterStore;
     const nodes = metricNodeRole === MetricNodeRole.MASTER ? masterNodes : workerNodes;
+
     if (!nodes.length) {
       return (
         <div className="empty flex column box grow align-center justify-center">
@@ -182,6 +184,7 @@ export const ClusterPieCharts = observer(() => {
         </div>
       );
     }
+
     if (!metricsLoaded) {
       return (
         <div className="flex justify-center align-center box grow empty">
@@ -190,9 +193,11 @@ export const ClusterPieCharts = observer(() => {
       );
     }
     const { memoryCapacity, cpuCapacity, podCapacity } = getMetricLastPoints(clusterStore.metrics);
+
     if (!memoryCapacity || !cpuCapacity || !podCapacity) {
       return <ClusterNoMetrics className="empty"/>;
     }
+
     return renderCharts();
   };
 

src/renderer/components/+cluster/cluster.store.ts

@@ -32,9 +32,11 @@ export class ClusterStore extends KubeObjectStore<Cluster> {
 
     // sync user setting with local storage
     const storage = createStorage("cluster_metric_switchers", {});
+
     Object.assign(this, storage.get());
     reaction(() => {
       const { metricType, metricNodeRole } = this;
+
       return { metricType, metricNodeRole };
     },
     settings => storage.set(settings)
@@ -52,6 +54,7 @@ export class ClusterStore extends KubeObjectStore<Cluster> {
     // check which node type to select
     reaction(() => nodesStore.items.length, () => {
       const { masterNodes, workerNodes } = nodesStore;
+
       if (!masterNodes.length) this.metricNodeRole = MetricNodeRole.WORKER;
       if (!workerNodes.length) this.metricNodeRole = MetricNodeRole.MASTER;
     });
@@ -61,6 +64,7 @@ export class ClusterStore extends KubeObjectStore<Cluster> {
     await when(() => nodesStore.isLoaded);
     const { masterNodes, workerNodes } = nodesStore;
     const nodes = this.metricNodeRole === MetricNodeRole.MASTER && masterNodes.length ? masterNodes : workerNodes;
+
     return clusterApi.getMetrics(nodes.map(node => node.getName()), params);
   }
 
@@ -79,6 +83,7 @@ export class ClusterStore extends KubeObjectStore<Cluster> {
     const range = 15;
     const end = Date.now() / 1000;
     const start = end - range;
+
     this.liveMetrics = await this.loadMetrics({ start, end, step, range });
   }
 

src/renderer/components/+cluster/cluster.tsx

@@ -32,6 +32,7 @@ export class Cluster extends React.Component {
   // todo: refactor
   async componentDidMount() {
     const { dependentStores } = this;
+
     if (!isAllowedResource("nodes")) {
       dependentStores.splice(dependentStores.indexOf(nodesStore), 1);
     }
@@ -54,6 +55,7 @@ export class Cluster extends React.Component {
 
   render() {
     const { isLoaded } = this;
+
     return (
       <TabLayout>
         <div className="Cluster">