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

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

src/renderer/components/+catalog/__tests__/catalog-add-button.test.tsx

@@ -35,8 +35,8 @@ class TestCatalogCategory extends CatalogCategory {
     group: "entity.k8slens.dev",
     versions: [],
     names: {
-      kind: "Test"
-    }
+      kind: "Test",
+    },
   };
 }
 
@@ -49,8 +49,8 @@ describe("CatalogAddButton", () => {
         {
           icon: "text_snippet",
           title: "Add from kubeconfig",
-          onClick: () => {}
-        }
+          onClick: () => {},
+        },
       );
     });
 
@@ -68,15 +68,15 @@ describe("CatalogAddButton", () => {
         {
           icon: "text_snippet",
           title: "foobar",
-          onClick: () => {}
-        }
+          onClick: () => {},
+        },
       );
       ctx.menuItems.push(
         {
           icon: "text_snippet",
           title: "Add from kubeconfig",
-          onClick: () => {}
-        }
+          onClick: () => {},
+        },
       );
     });
 

src/renderer/components/+catalog/catalog-add-button.tsx

@@ -79,7 +79,7 @@ export class CatalogAddButton extends React.Component<CatalogAddButtonProps> {
       const menuItems: CatalogEntityAddMenu[] = [];
       const context: CatalogEntityAddMenuContext = {
         navigate: (url: string) => navigate(url),
-        menuItems
+        menuItems,
       };
 
       category.emit("catalogAddMenu", context);
@@ -142,7 +142,7 @@ export class CatalogAddButton extends React.Component<CatalogAddButtonProps> {
               menuItem.onClick();
             }}
             TooltipClasses={{
-              popper: "catalogSpeedDialPopper"
+              popper: "catalogSpeedDialPopper",
             }}
           />;
         })}

src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx

@@ -63,7 +63,7 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
         ok: () => {
           menuItem.onClick();
         },
-        message: menuItem.confirm.message
+        message: menuItem.confirm.message,
       });
     } else {
       menuItem.onClick();
@@ -90,7 +90,7 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
             tooltip={menuItem.title}
             {...{ [key]: menuItem.icon }}
           />
-        </MenuItem>
+        </MenuItem>,
       );
     }
 
@@ -100,7 +100,7 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
         entity={entity}
         addContent={<Icon material="push_pin" small tooltip="Add to Hotbar"/>}
         removeContent={<Icon svg="push_off" small tooltip="Remove from Hotbar"/>}
-      />
+      />,
     );
 
     return items;

src/renderer/components/+catalog/catalog.test.tsx

@@ -53,7 +53,7 @@ jest.mock("electron", () => ({
 AppPaths.init();
 
 jest.mock("./hotbar-toggle-menu-item", () => ({
-  HotbarToggleMenuItem: () => <div>menu item</div>
+  HotbarToggleMenuItem: () => <div>menu item</div>,
 }));
 
 class MockCatalogEntity extends CatalogEntity {
@@ -146,7 +146,7 @@ describe("<Catalog />", () => {
           expect(onRun).toHaveBeenCalled();
           done();
         }, 500);
-      }
+      },
     );
 
     render(
@@ -155,7 +155,7 @@ describe("<Catalog />", () => {
         location={mockLocation}
         match={mockMatch}
         catalogEntityStore={catalogEntityStore}
-      />
+      />,
     );
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
@@ -180,7 +180,7 @@ describe("<Catalog />", () => {
           done();
         }, 500);
         e.preventDefault();
-      }
+      },
     );
 
     render(
@@ -189,7 +189,7 @@ describe("<Catalog />", () => {
         location={mockLocation}
         match={mockMatch}
         catalogEntityStore={catalogEntityStore}
-      />
+      />,
     );
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
@@ -215,7 +215,7 @@ describe("<Catalog />", () => {
         }, 500);
 
         throw new Error("error!");
-      }
+      },
     );
 
     render(
@@ -224,7 +224,7 @@ describe("<Catalog />", () => {
         location={mockLocation}
         match={mockMatch}
         catalogEntityStore={catalogEntityStore}
-      />
+      />,
     );
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
@@ -245,7 +245,7 @@ describe("<Catalog />", () => {
     catalogEntityRegistry.addOnBeforeRun(
       async () => {
         // no op
-      }
+      },
     );
 
     render(
@@ -254,7 +254,7 @@ describe("<Catalog />", () => {
         location={mockLocation}
         match={mockMatch}
         catalogEntityStore={catalogEntityStore}
-      />
+      />,
     );
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
@@ -282,7 +282,7 @@ describe("<Catalog />", () => {
         }, 500);
 
         e.preventDefault();
-      }
+      },
     );
 
     render(
@@ -291,7 +291,7 @@ describe("<Catalog />", () => {
         location={mockLocation}
         match={mockMatch}
         catalogEntityStore={catalogEntityStore}
-      />
+      />,
     );
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
@@ -317,7 +317,7 @@ describe("<Catalog />", () => {
         }, 500);
 
         throw new Error("rejection!");
-      }
+      },
     );
 
     render(
@@ -326,7 +326,7 @@ describe("<Catalog />", () => {
         location={mockLocation}
         match={mockMatch}
         catalogEntityStore={catalogEntityStore}
-      />
+      />,
     );
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));

src/renderer/components/+catalog/catalog.tsx

@@ -53,7 +53,7 @@ enum sortBy {
   name = "name",
   kind = "kind",
   source = "source",
-  status = "status"
+  status = "status",
 }
 
 const css = makeCss(styles);
@@ -153,7 +153,7 @@ export class Catalog extends React.Component<Props> {
         ok: () => {
           menuItem.onClick();
         },
-        message: menuItem.confirm.message
+        message: menuItem.confirm.message,
       });
     } else {
       menuItem.onClick();
@@ -286,7 +286,7 @@ export class Catalog extends React.Component<Props> {
           !activeCategory && item.kind,
           item.source,
           item.getLabelBadges(),
-          { title: item.phase, className: cssNames(css[item.phase]) }
+          { title: item.phase, className: cssNames(css[item.phase]) },
         ].filter(Boolean)}
         onDetails={this.onDetails}
         renderItemMenu={this.renderItemMenu}