@@ -36,7 +36,12 @@ export const AlertInsightsSectionHeader = ({
|
||||
return (
|
||||
<Box position="relative" mb={3} textAlign="left">
|
||||
<ScrollAnchor id={`alert-${number}`} />
|
||||
<Grid container spacing={2} justifyContent="space-between" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
spacing={2}
|
||||
justifyContent="space-between"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid item>
|
||||
<Box display="flex" alignItems="center">
|
||||
<Box mr={2}>
|
||||
|
||||
@@ -97,7 +97,12 @@ const RolloutSummary = ({
|
||||
const abortedMessage = findAbortedMessage(rollout);
|
||||
|
||||
return (
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justifyContent="flex-start"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid xs={3} item>
|
||||
<RolloutDrawer rollout={rollout} />
|
||||
</Grid>
|
||||
|
||||
@@ -51,7 +51,12 @@ const DefaultCustomResourceSummary = ({
|
||||
customResourceName,
|
||||
}: DefaultCustomResourceSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justifyContent="flex-start"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid xs={3} item>
|
||||
<DefaultCustomResourceDrawer
|
||||
customResource={customResource}
|
||||
|
||||
@@ -68,7 +68,12 @@ const DeploymentSummary = ({
|
||||
hpa,
|
||||
}: DeploymentSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justifyContent="flex-start"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid xs={3} item>
|
||||
<DeploymentDrawer deployment={deployment} />
|
||||
</Grid>
|
||||
|
||||
@@ -40,7 +40,12 @@ type IngressSummaryProps = {
|
||||
|
||||
const IngressSummary = ({ ingress }: IngressSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justifyContent="flex-start"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid xs={3} item>
|
||||
<IngressDrawer ingress={ingress} />
|
||||
</Grid>
|
||||
|
||||
@@ -35,7 +35,12 @@ type ServiceSummaryProps = {
|
||||
|
||||
const ServiceSummary = ({ service }: ServiceSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justifyContent="flex-start"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid xs={3} item>
|
||||
<ServiceDrawer service={service} />
|
||||
</Grid>
|
||||
|
||||
@@ -20,7 +20,12 @@ import EmptyStateImage from '../../assets/emptystate.svg';
|
||||
|
||||
export const IncidentsEmptyState = () => {
|
||||
return (
|
||||
<Grid container justifyContent="center" direction="column" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
justifyContent="center"
|
||||
direction="column"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid item xs={12}>
|
||||
<Typography variant="h5">Nice! No incidents found!</Typography>
|
||||
</Grid>
|
||||
|
||||
@@ -20,7 +20,12 @@ import EmptyStateImage from '../../assets/emptystate.svg';
|
||||
|
||||
export const IncidentsEmptyState = () => {
|
||||
return (
|
||||
<Grid container justifyContent="center" direction="column" alignItems="center">
|
||||
<Grid
|
||||
container
|
||||
justifyContent="center"
|
||||
direction="column"
|
||||
alignItems="center"
|
||||
>
|
||||
<Grid item xs={12}>
|
||||
<Typography variant="h5">Nice! No incidents found!</Typography>
|
||||
</Grid>
|
||||
|
||||
Reference in New Issue
Block a user