[Cloud Posture]Right Align Back to resources button on Resource Findings page (#158526)

## Summary

Part of quick wins where back to resources button is now right aligned. 
**Notes:**
The solution where we are hiding the Vulnerabilities and
Misconfigurations tabs doesn't seem to be a 'Quick win' as such for now
the fix will be this
<img width="1429" alt="Screenshot 2023-05-27 at 1 26 28 AM"
src="a3d261da-96f6-4141-80fa-fd2c98ed7acb">
This commit is contained in:
Rickyanto Ang 2023-05-29 08:37:47 -07:00 committed by GitHub
parent fb4946d0a5
commit 8f962c4351
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 23 deletions

View file

@ -5,7 +5,13 @@
* 2.0.
*/
import React, { useCallback } from 'react';
import { EuiSpacer, EuiButtonEmpty, type EuiDescriptionListProps } from '@elastic/eui';
import {
EuiSpacer,
EuiButtonEmpty,
type EuiDescriptionListProps,
EuiFlexGroup,
EuiFlexItem,
} from '@elastic/eui';
import { Link, useParams } from 'react-router-dom';
import { FormattedMessage } from '@kbn/i18n-react';
import { generatePath } from 'react-router-dom';
@ -190,25 +196,33 @@ export const ResourceFindings = ({ dataView }: FindingsBaseProps) => {
}}
loading={resourceFindings.isFetching}
/>
<PageTitle>
<BackToResourcesButton />
<PageTitleText
title={
<CloudPosturePageTitle
title={i18n.translate(
'xpack.csp.findings.resourceFindings.resourceFindingsPageTitle',
{
defaultMessage: '{resourceName} {hyphen} Findings',
values: {
resourceName: resourceFindings.data?.resourceName,
hyphen: resourceFindings.data?.resourceName ? '-' : '',
},
}
)}
<EuiSpacer size="m" />
<EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
<EuiFlexItem grow={false}>
<PageTitle>
<PageTitleText
title={
<CloudPosturePageTitle
title={i18n.translate(
'xpack.csp.findings.resourceFindings.resourceFindingsPageTitle',
{
defaultMessage: '{resourceName} {hyphen} Findings',
values: {
resourceName: resourceFindings.data?.resourceName,
hyphen: resourceFindings.data?.resourceName ? '-' : '',
},
}
)}
/>
}
/>
}
/>
</PageTitle>
</PageTitle>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<BackToResourcesButton />
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer />
{resourceFindings.data && (
<CspInlineDescriptionList
listItems={getResourceFindingSharedValues({

View file

@ -36,10 +36,7 @@ export type OnAddFilter = <T extends string>(key: T, value: Serializable, negate
export const PageTitle: React.FC = ({ children }) => (
<EuiTitle size="l">
<div>
{children}
<EuiSpacer />
</div>
<div>{children}</div>
</EuiTitle>
);