maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[Observability] Fixes border shadow and other enhancements (#102072)

Browse source 
* [Observability] Fixes border shadow and other enhancements

* Update x-pack/plugins/observability/public/components/app/section/index.tsx

Co-authored-by: Cauê Marcondes <55978943+cauemarcondes@users.noreply.github.com>

* [Observability] Remove unused import and formatting

Co-authored-by: Cauê Marcondes <55978943+cauemarcondes@users.noreply.github.com>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Casper Hübertz 2021-06-15 10:12:45 +02:00 committed by GitHub
parent e418a895c3
commit 92b6535df2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
x-pack/plugins/observability/public/components/app/section/index.tsx
View file

@ -5,7 +5,7 @@
* 2.0.
*/
import { EuiAccordion, EuiLink, EuiPanel, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
import { EuiAccordion, EuiPanel, EuiSpacer, EuiTitle, EuiButton } from '@elastic/eui';
import React from 'react';
import { ErrorPanel } from './error_panel';
import { usePluginContext } from '../../../hooks/use_plugin_context';
@ -25,36 +25,29 @@ interface Props {
export function SectionContainer({ title, appLink, children, hasError }: Props) {
const { core } = usePluginContext();
return (
<EuiAccordion
initialIsOpen
id={title}
buttonContentClassName="accordion-button"
buttonContent={
<EuiTitle size="s">
<h5>{title}</h5>
</EuiTitle>
}
extraAction={
appLink?.href && (
<EuiLink href={core.http.basePath.prepend(appLink.href)}>
<EuiText size="s">{appLink.label}</EuiText>
</EuiLink>
)
}
>
<>
<EuiSpacer size="s" />
<EuiPanel hasShadow>
{hasError ? (
<ErrorPanel />
) : (
<>
<EuiSpacer size="s" />
{children}
</>
)}
</EuiPanel>
</>
</EuiAccordion>
<EuiPanel>
<EuiAccordion
initialIsOpen
id={title}
buttonContentClassName="accordion-button"
buttonContent={
<EuiTitle size="s">
<h5>{title}</h5>
</EuiTitle>
}
extraAction={
appLink?.href && (
<EuiButton href={core.http.basePath.prepend(appLink.href)}>{appLink.label}</EuiButton>
)
}
>
<>
<EuiSpacer size="s" />
<EuiPanel hasShadow={false} paddingSize="s">
{hasError ? <ErrorPanel /> : <>{children}</>}
</EuiPanel>
</>
</EuiAccordion>
</EuiPanel>
);
}