IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Rewrite old useStyles2 pattern to use new pattern (#76136)

Browse Source 
* Rewrite old useStyles2 pattern to use new pattern

* fix lint from used imports
This commit is contained in:
Josh Hunt
2023-10-09 09:49:08 +00:00
committed by GitHub
parent d3f69fd34a
commit 07266aa983
23 changed files with 37 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/plugins/datasource/grafana-pyroscope-datasource/QueryEditor/Stack.tsx
View File

@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { CSSProperties, useCallback } from 'react';
import React, { CSSProperties } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
@@ -14,7 +14,7 @@ interface StackProps {
}
export function Stack(props: StackProps) {
const styles = useStyles2(useCallback((theme) => getStyles(theme, props), [props]));
const styles = useStyles2(getStyles, props);
return <div className={styles.root}>{props.children}</div>;
}

4
public/app/plugins/datasource/parca/QueryEditor/Stack.tsx
View File

@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { CSSProperties, useCallback } from 'react';
import React, { CSSProperties } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '@grafana/ui';
@@ -14,7 +14,7 @@ interface StackProps {
}
export function Stack(props: StackProps) {
const styles = useStyles2(useCallback((theme) => getStyles(theme, props), [props]));
const styles = useStyles2(getStyles, props);
return <div className={styles.root}>{props.children}</div>;
}

6
public/app/plugins/panel/gettingstarted/components/DocsCard.tsx
View File

@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { useCallback } from 'react';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { Icon, useStyles2 } from '@grafana/ui';
@@ -13,8 +13,8 @@ interface Props {
}
export const DocsCard = ({ card }: Props) => {
const styles = useStyles2(useCallback((theme: GrafanaTheme2) => getStyles(theme, card.done), [card.done]));
const iconStyles = useStyles2(useCallback((theme: GrafanaTheme2) => iconStyle(theme, card.done), [card.done]));
const styles = useStyles2(getStyles, card.done);
const iconStyles = useStyles2(iconStyle, card.done);
return (
<div className={styles.card}>

6
public/app/plugins/panel/gettingstarted/components/TutorialCard.tsx
View File

@@ -1,5 +1,5 @@
import { css } from '@emotion/css';
import React, { MouseEvent, useCallback } from 'react';
import React, { MouseEvent } from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { Icon, useStyles2 } from '@grafana/ui';
@@ -14,8 +14,8 @@ interface Props {
}
export const TutorialCard = ({ card }: Props) => {
const styles = useStyles2(useCallback((theme: GrafanaTheme2) => getStyles(theme, card.done), [card.done]));
const iconStyles = useStyles2(useCallback((theme: GrafanaTheme2) => iconStyle(theme, card.done), [card.done]));
const styles = useStyles2(getStyles, card.done);
const iconStyles = useStyles2(iconStyle, card.done);
return (
<a

2
public/app/plugins/panel/timeseries/plugins/ThresholdDragHandle.tsx
View File

@@ -48,7 +48,7 @@ export const ThresholdDragHandle = ({
}
const disabled = typeof onChange !== 'function';
const styles = useStyles2((theme) => getStyles(theme, step, outOfBounds, disabled));
const styles = useStyles2(getStyles, step, outOfBounds, disabled);
const [currentValue, setCurrentValue] = useState(step.value);
const textColor = useMemo(() => {