Enforce some naming conventions (#4813)

src/renderer/components/+preferences/add-helm-repo-dialog.tsx

@@ -21,8 +21,8 @@ import { Notifications } from "../notifications";
 import { type HelmRepo, HelmRepoManager } from "../../../main/helm/helm-repo-manager";
 import { requestOpenFilePickingDialog } from "../../ipc";
 
-interface Props extends Partial<DialogProps> {
-  onAddRepo: Function;
+export interface AddHelmRepoDialogProps extends Partial<DialogProps> {
+  onAddRepo: () => void;
 }
 
 enum FileType {
@@ -40,11 +40,11 @@ function getEmptyRepo(): HelmRepo {
 }
 
 @observer
-export class AddHelmRepoDialog extends React.Component<Props> {
+export class AddHelmRepoDialog extends React.Component<AddHelmRepoDialogProps> {
   private static keyExtensions = ["key", "keystore", "jks", "p12", "pfx", "pem"];
   private static certExtensions = ["crt", "cer", "ca-bundle", "p7b", "p7c", "p7s", "p12", "pfx", "pem"];
 
-  constructor(props: Props) {
+  constructor(props: AddHelmRepoDialogProps) {
     super(props);
     makeObservable(this);
   }

src/renderer/components/+preferences/extension-settings.tsx

@@ -7,7 +7,7 @@ import type { AppPreferenceRegistration } from "./app-preferences/app-preference
 import React from "react";
 import { cssNames } from "../../../renderer/utils";
 
-interface ExtensionSettingsProps {
+export interface ExtensionSettingsProps {
   setting: AppPreferenceRegistration;
   size: "small" | "normal";
 }

src/renderer/components/+preferences/removable-item.tsx

@@ -9,13 +9,13 @@ import React, { DOMAttributes } from "react";
 import { cssNames } from "../../utils";
 import { Icon } from "../icon";
 
-interface Props extends DOMAttributes<any>{
+export interface RemovableItemProps extends DOMAttributes<any>{
   icon?: string;
   onRemove: () => void;
   className?: string;
 }
 
-export function RemovableItem({ icon, onRemove, children, className, ...rest }: Props) {
+export function RemovableItem({ icon, onRemove, children, className, ...rest }: RemovableItemProps) {
   return (
     <div className={cssNames(styles.item, "flex gaps align-center justify-space-between", className)} {...rest}>
       {icon && (