Lint: comma-spacing (error) & comma-dangle (error) (#4200)

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/+user-management/+cluster-role-bindings/details.tsx

@@ -53,7 +53,7 @@ export class ClusterRoleBindingDetails extends React.Component<Props> {
     disposeOnUnmount(this, [
       reaction(() => this.props.object, () => {
         this.selectedSubjects.clear();
-      })
+      }),
     ]);
   }
 
@@ -66,7 +66,7 @@ export class ClusterRoleBindingDetails extends React.Component<Props> {
       labelOk: `Remove`,
       message: (
         <p>Remove selected bindings for <b>{clusterRoleBinding.getName()}</b>?</p>
-      )
+      ),
     });
   }
 

src/renderer/components/+user-management/+cluster-role-bindings/dialog.tsx

@@ -125,7 +125,7 @@ export class ClusterRoleBindingDialog extends React.Component<Props> {
       return {
         value: `${account.getName()}%${account.getNs()}`,
         account,
-        label: <><Icon small material="account_box" /> {name} ({namespace})</>
+        label: <><Icon small material="account_box" /> {name} ({namespace})</>,
       };
     });
   }
@@ -152,7 +152,7 @@ export class ClusterRoleBindingDialog extends React.Component<Props> {
 
     this.selectedAccounts.replace(
       serviceAccountsStore.items
-        .filter(sa => accountNames.has(sa.getName()))
+        .filter(sa => accountNames.has(sa.getName())),
     );
     this.selectedUsers.replace(uSubjects.map(user => user.name));
     this.selectedGroups.replace(gSubjects.map(group => group.name));
@@ -178,7 +178,7 @@ export class ClusterRoleBindingDialog extends React.Component<Props> {
           roleRef: {
             name: selectedRoleRef.getName(),
             kind: selectedRoleRef.kind,
-          }
+          },
         });
 
       showDetails(selfLink);

src/renderer/components/+user-management/+cluster-role-bindings/store.ts

@@ -36,7 +36,7 @@ export class ClusterRoleBindingsStore extends KubeObjectStore<ClusterRoleBinding
   protected sortItems(items: ClusterRoleBinding[]) {
     return super.sortItems(items, [
       clusterRoleBinding => clusterRoleBinding.kind,
-      clusterRoleBinding => clusterRoleBinding.getName()
+      clusterRoleBinding => clusterRoleBinding.getName(),
     ]);
   }
 

src/renderer/components/+user-management/+role-bindings/details.tsx

@@ -48,7 +48,7 @@ export class RoleBindingDetails extends React.Component<Props> {
     disposeOnUnmount(this, [
       reaction(() => this.props.object, () => {
         this.selectedSubjects.clear();
-      })
+      }),
     ]);
   }
 
@@ -62,7 +62,7 @@ export class RoleBindingDetails extends React.Component<Props> {
       labelOk: `Remove`,
       message: (
         <p>Remove selected bindings for <b>{roleBinding.getName()}</b>?</p>
-      )
+      ),
     });
   }
 

src/renderer/components/+user-management/+role-bindings/dialog.tsx

@@ -95,11 +95,11 @@ export class RoleBindingDialog extends React.Component<Props> {
     }));
     const users = Array.from(this.selectedUsers, user => ({
       name: user,
-      kind: "User" as const
+      kind: "User" as const,
     }));
     const groups = Array.from(this.selectedGroups, group => ({
       name: group,
-      kind: "Group" as const
+      kind: "Group" as const,
     }));
 
     return [
@@ -130,7 +130,7 @@ export class RoleBindingDialog extends React.Component<Props> {
       return {
         value: `${account.getName()}%${account.getNs()}`,
         account,
-        label: <><Icon small material="account_box" /> {name} ({namespace})</>
+        label: <><Icon small material="account_box" /> {name} ({namespace})</>,
       };
     });
   }
@@ -159,7 +159,7 @@ export class RoleBindingDialog extends React.Component<Props> {
 
     this.selectedAccounts.replace(
       serviceAccountsStore.items
-        .filter(sa => accountNames.has(sa.getName()))
+        .filter(sa => accountNames.has(sa.getName())),
     );
     this.selectedUsers.replace(uSubjects.map(user => user.name));
     this.selectedGroups.replace(gSubjects.map(group => group.name));
@@ -186,7 +186,7 @@ export class RoleBindingDialog extends React.Component<Props> {
           roleRef: {
             name: selectedRoleRef.getName(),
             kind: selectedRoleRef.kind,
-          }
+          },
         });
 
       showDetails(roleBinding.selfLink);

src/renderer/components/+user-management/+role-bindings/store.ts

@@ -31,7 +31,7 @@ export class RoleBindingsStore extends KubeObjectStore<RoleBinding> {
   protected sortItems(items: RoleBinding[]) {
     return super.sortItems(items, [
       roleBinding => roleBinding.kind,
-      roleBinding => roleBinding.getName()
+      roleBinding => roleBinding.getName(),
     ]);
   }
 

src/renderer/components/+user-management/+service-accounts/details.tsx

@@ -79,7 +79,7 @@ export class ServiceAccountsDetails extends React.Component<Props> {
     }
 
     return secrets.map(secret =>
-      <ServiceAccountsSecret key={secret.getId()} secret={secret}/>
+      <ServiceAccountsSecret key={secret.getId()} secret={secret}/>,
     );
   }
 
@@ -123,9 +123,9 @@ export class ServiceAccountsDetails extends React.Component<Props> {
         name,
         uid: null,
         selfLink: null,
-        resourceVersion: null
+        resourceVersion: null,
       },
-      type: SecretType.Opaque
+      type: SecretType.Opaque,
     });
   }
 
@@ -137,7 +137,7 @@ export class ServiceAccountsDetails extends React.Component<Props> {
     }
     const tokens = secretsStore.items.filter(secret =>
       secret.getNs() == serviceAccount.getNs() &&
-      secret.getAnnotations().some(annot => annot == `kubernetes.io/service-account.name: ${serviceAccount.getName()}`)
+      secret.getAnnotations().some(annot => annot == `kubernetes.io/service-account.name: ${serviceAccount.getName()}`),
     );
     const imagePullSecrets = serviceAccount.getImagePullSecrets();
 

src/renderer/components/+user-management/select-options.tsx

@@ -38,7 +38,7 @@ export function getRoleRefSelectOption<T extends KubeObject>(item: T): SelectOpt
           material={item.kind === "Role" ? "person" : "people"}
           tooltip={{
             preferredPositions: TooltipPosition.LEFT,
-            children: item.kind
+            children: item.kind,
           }}
         />
         {" "}