diff --git a/src/components/AckButton/AckButton.tsx b/src/components/AckButton/AckButton.tsx index e5d6f96..f234c87 100644 --- a/src/components/AckButton/AckButton.tsx +++ b/src/components/AckButton/AckButton.tsx @@ -7,7 +7,5 @@ interface Props { } export const AckButton: FC = ({ className, onClick }) => { - return ( - - ); + return ; }; diff --git a/src/components/ActionButton/ActionButton.tsx b/src/components/ActionButton/ActionButton.tsx index 333fc77..1588523 100644 --- a/src/components/ActionButton/ActionButton.tsx +++ b/src/components/ActionButton/ActionButton.tsx @@ -18,8 +18,10 @@ export const ActionButton: FC> = ({ icon, width, toolti const buttonClass = cx( 'btn', styles.button, - css`width: ${width || 3}rem`, - className, + css` + width: ${width || 3}rem; + `, + className ); let button = ( diff --git a/src/components/ConfigProvider/ConfigProvider.tsx b/src/components/ConfigProvider/ConfigProvider.tsx index 96ecdf6..59afb47 100644 --- a/src/components/ConfigProvider/ConfigProvider.tsx +++ b/src/components/ConfigProvider/ConfigProvider.tsx @@ -14,16 +14,17 @@ export const provideConfig = (component: React.ComponentType) => { return ConfigProvider; }; -export const getCurrentTheme = () => createTheme({ - colors: { - mode: config.bootData.user.lightTheme ? 'light' : 'dark', - }, -}); +export const getCurrentTheme = () => + createTheme({ + colors: { + mode: config.bootData.user.lightTheme ? 'light' : 'dark', + }, + }); export const ThemeProvider = ({ children }: { children: React.ReactNode }) => { return ( - {config => { + {(config) => { return {children}; }} diff --git a/src/components/ExecScriptButton/ExecScriptButton.tsx b/src/components/ExecScriptButton/ExecScriptButton.tsx index 9a54f76..4733ba2 100644 --- a/src/components/ExecScriptButton/ExecScriptButton.tsx +++ b/src/components/ExecScriptButton/ExecScriptButton.tsx @@ -7,7 +7,5 @@ interface Props { } export const ExecScriptButton: FC = ({ className, onClick }) => { - return ( - - ); + return ; }; diff --git a/src/components/GFHeartIcon/GFHeartIcon.tsx b/src/components/GFHeartIcon/GFHeartIcon.tsx index c252ac9..77fbc6c 100644 --- a/src/components/GFHeartIcon/GFHeartIcon.tsx +++ b/src/components/GFHeartIcon/GFHeartIcon.tsx @@ -10,13 +10,11 @@ export const GFHeartIcon: FC = ({ status, className }) => { const iconClass = cx( className, 'icon-gf', - { "icon-gf-critical": status === 'critical' || status === 'problem' || status === 'warning'}, - { "icon-gf-online": status === 'online' || status === 'ok' }, + { 'icon-gf-critical': status === 'critical' || status === 'problem' || status === 'warning' }, + { 'icon-gf-online': status === 'online' || status === 'ok' } ); - return ( - - ); + return ; }; export default GFHeartIcon; diff --git a/src/components/Modal/ModalController.tsx b/src/components/Modal/ModalController.tsx index 0d944f1..76f2049 100644 --- a/src/components/Modal/ModalController.tsx +++ b/src/components/Modal/ModalController.tsx @@ -33,7 +33,7 @@ export class ModalController extends React.Component { showModal = (component: React.ComponentType, props: any) => { this.setState({ component, - props + props, }); }; diff --git a/src/panel-triggers/components/AckModal.tsx b/src/panel-triggers/components/AckModal.tsx index 9f2b6ae..e8f67a8 100644 --- a/src/panel-triggers/components/AckModal.tsx +++ b/src/panel-triggers/components/AckModal.tsx @@ -281,7 +281,9 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => { border-color: ${red}; border-radius: 2px; outline-offset: 2px; - box-shadow: 0 0 0 2px ${theme.colors.bg1}, 0 0 0px 4px ${red}; + box-shadow: + 0 0 0 2px ${theme.colors.bg1}, + 0 0 0px 4px ${red}; `, inputHint: css` display: inherit; diff --git a/src/panel-triggers/components/ExecScriptModal.tsx b/src/panel-triggers/components/ExecScriptModal.tsx index c5ca158..0760d63 100644 --- a/src/panel-triggers/components/ExecScriptModal.tsx +++ b/src/panel-triggers/components/ExecScriptModal.tsx @@ -180,7 +180,9 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => { border-color: ${red}; border-radius: 2px; outline-offset: 2px; - box-shadow: 0 0 0 2px ${theme.colors.bg1}, 0 0 0px 4px ${red}; + box-shadow: + 0 0 0 2px ${theme.colors.bg1}, + 0 0 0px 4px ${red}; `, scriptCommandContainer: css` margin-bottom: ${theme.spacing.md};