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

Alerting: unified alerting frontend (#32708)

Browse Source
This commit is contained in:
Domas
2021-04-07 08:42:43 +03:00
committed by GitHub
parent 6082a9360e
commit a56293142a
79 changed files with 3857 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/grafana-ui/src/components/Collapse/Collapse.tsx
View File

@@ -102,6 +102,8 @@ export interface Props {
collapsible?: boolean;
/** Callback for the toggle functionality */
onToggle?: (isOpen: boolean) => void;
/** Additional class name for the root element */
className?: string;
}
export const ControlledCollapse: FunctionComponent<Props> = ({ isOpen, onToggle, ...otherProps }) => {
@@ -120,7 +122,15 @@ export const ControlledCollapse: FunctionComponent<Props> = ({ isOpen, onToggle,
);
};
export const Collapse: FunctionComponent<Props> = ({ isOpen, label, loading, collapsible, onToggle, children }) => {
export const Collapse: FunctionComponent<Props> = ({
isOpen,
label,
loading,
collapsible,
onToggle,
className,
children,
}) => {
const theme = useContext(ThemeContext);
const style = getStyles(theme);
const onClickToggle = () => {
@@ -129,7 +139,7 @@ export const Collapse: FunctionComponent<Props> = ({ isOpen, label, loading, col
}
};
const panelClass = cx([style.collapse, 'panel-container']);
const panelClass = cx([style.collapse, 'panel-container', className]);
const loaderClass = loading ? cx([style.loader, style.loaderActive]) : cx([style.loader]);
const headerClass = collapsible ? cx([style.header]) : cx([style.headerCollapsed]);
const headerButtonsClass = collapsible ? cx([style.headerButtons]) : cx([style.headerButtonsCollapsed]);