Chore: Avoid explicit React.FC<Props> when possible (#64722)

This commit is contained in:
Ryan McKinley
2023-03-14 16:38:21 +02:00
committed by GitHub
parent cde1b5b162
commit d710507bc5
213 changed files with 485 additions and 498 deletions
@@ -1,4 +1,4 @@
import React, { FC } from 'react';
import React from 'react';
import { config, reportInteraction } from '@grafana/runtime';
import { Menu, Dropdown, Button, Icon } from '@grafana/ui';
@@ -10,7 +10,7 @@ export interface Props {
canCreateDashboards?: boolean;
}
export const DashboardActions: FC<Props> = ({ folderUid, canCreateFolders = false, canCreateDashboards = false }) => {
export const DashboardActions = ({ folderUid, canCreateFolders = false, canCreateDashboards = false }: Props) => {
const actionUrl = (type: string) => {
let url = `dashboard/${type}`;
const isTypeNewFolder = type === 'new_folder';
@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC, useCallback } from 'react';
import React, { useCallback } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { selectors as e2eSelectors } from '@grafana/e2e-selectors';
@@ -32,7 +32,7 @@ const getIconFromMeta = (meta = ''): IconName => {
};
/** @deprecated */
export const SearchItem: FC<Props> = ({ item, isSelected, editable, onToggleChecked, onTagSelected, onClickItem }) => {
export const SearchItem = ({ item, isSelected, editable, onToggleChecked, onTagSelected, onClickItem }: Props) => {
const styles = useStyles2(getStyles);
const tagSelected = useCallback(
(tag: string, event: React.MouseEvent<HTMLElement>) => {
@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC } from 'react';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { ConfirmModal, useStyles2 } from '@grafana/ui';
@@ -14,7 +14,7 @@ interface Props {
onDismiss: () => void;
}
export const ConfirmDeleteModal: FC<Props> = ({ results, onDeleteItems, isOpen, onDismiss }) => {
export const ConfirmDeleteModal = ({ results, onDeleteItems, isOpen, onDismiss }: Props) => {
const styles = useStyles2(getStyles);
const dashboards = Array.from(results.get('dashboard') ?? []);
@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC, useState } from 'react';
import React, { useState } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { Button, HorizontalGroup, Modal, useStyles2 } from '@grafana/ui';
@@ -17,7 +17,7 @@ interface Props {
onDismiss: () => void;
}
export const MoveToFolderModal: FC<Props> = ({ results, onMoveItems, isOpen, onDismiss }) => {
export const MoveToFolderModal = ({ results, onMoveItems, isOpen, onDismiss }: Props) => {
const [folder, setFolder] = useState<FolderInfo | null>(null);
const styles = useStyles2(getStyles);
const notifyApp = useAppNotification();