opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-06 18:59:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

Chore: Avoid FC in canvas elements and dimension editors (#61014)

Browse Source
This commit is contained in:
Ryan McKinley
2023-01-05 09:55:55 -08:00
committed by GitHub
parent bd90a6e1be
commit 48fbe51d37
31 changed files with 85 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/canvas/elements/droneFront.tsx
View File

@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC } from 'react';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
@ -16,11 +16,9 @@ interface DroneFrontConfig {
rollAngle?: ScalarDimensionConfig;
}
const DroneFrontDisplay: FC<CanvasElementProps<DroneFrontConfig, DroneFrontData>> = (props) => {
const DroneFrontDisplay = ({ data }: CanvasElementProps<DroneFrontConfig, DroneFrontData>) => {
const styles = useStyles2(getStyles);
const { data } = props;
const droneFrontTransformStyle = `rotate(${data?.rollAngle ? data.rollAngle : 0}deg)`;
return (

6
public/app/features/canvas/elements/droneSide.tsx
View File

@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC } from 'react';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
@ -16,11 +16,9 @@ interface DroneSideConfig {
pitchAngle?: ScalarDimensionConfig;
}
const DroneSideDisplay: FC<CanvasElementProps<DroneSideConfig, DroneSideData>> = (props) => {
const DroneSideDisplay = ({ data }: CanvasElementProps<DroneSideConfig, DroneSideData>) => {
const styles = useStyles2(getStyles);
const { data } = props;
const droneSidePitchTransformStyle = `rotate(${data?.pitchAngle ? data.pitchAngle : 0}deg)`;
return (

6
public/app/features/canvas/elements/droneTop.tsx
View File

@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC } from 'react';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
@ -24,11 +24,9 @@ interface DroneTopConfig {
yawAngle?: ScalarDimensionConfig;
}
const DroneTopDisplay: FC<CanvasElementProps<DroneTopConfig, DroneTopData>> = (props) => {
const DroneTopDisplay = ({ data }: CanvasElementProps<DroneTopConfig, DroneTopData>) => {
const styles = useStyles2(getStyles);
const { data } = props;
const fRightRotorAnimation = `spin ${data?.fRightRotorRPM ? 60 / Math.abs(data.fRightRotorRPM) : 0}s linear infinite`;
const fLeftRotorAnimation = `spin ${data?.fLeftRotorRPM ? 60 / Math.abs(data.fLeftRotorRPM) : 0}s linear infinite`;

6
public/app/features/canvas/elements/windTurbine.tsx
View File

@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { FC } from 'react';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
@ -16,11 +16,9 @@ interface WindTurbineConfig {
rpm?: ScalarDimensionConfig;
}
const WindTurbineDisplay: FC<CanvasElementProps<WindTurbineConfig, WindTurbineData>> = (props) => {
const WindTurbineDisplay = ({ data }: CanvasElementProps<WindTurbineConfig, WindTurbineData>) => {
const styles = useStyles2(getStyles);
const { data } = props;
const windTurbineAnimation = `spin ${data?.rpm ? 60 / Math.abs(data.rpm) : 0}s linear infinite`;
return (