Fix All Material UI Warnings
Signed-off-by: Pankaj Patil <pankaj.patil2099@hotmail.com>
This commit is contained in:
@@ -97,7 +97,7 @@ const RolloutSummary = ({
|
||||
const abortedMessage = findAbortedMessage(rollout);
|
||||
|
||||
return (
|
||||
<Grid container direction="row" justify="flex-start" alignItems="center">
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid xs={3} item>
|
||||
<RolloutDrawer rollout={rollout} />
|
||||
</Grid>
|
||||
@@ -111,7 +111,7 @@ const RolloutSummary = ({
|
||||
item
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
@@ -142,7 +142,7 @@ const RolloutSummary = ({
|
||||
container
|
||||
xs={3}
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
<Grid item>
|
||||
@@ -250,7 +250,7 @@ export const RolloutAccordions = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
{rollouts.map((rollout, i) => (
|
||||
|
||||
@@ -35,7 +35,7 @@ export const RolloutDrawer = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
|
||||
@@ -51,7 +51,7 @@ const DefaultCustomResourceSummary = ({
|
||||
customResourceName,
|
||||
}: DefaultCustomResourceSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justify="flex-start" alignItems="center">
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid xs={3} item>
|
||||
<DefaultCustomResourceDrawer
|
||||
customResource={customResource}
|
||||
@@ -99,7 +99,7 @@ export const DefaultCustomResourceAccordions = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
{customResources.map((cr, i) => (
|
||||
|
||||
@@ -42,7 +42,7 @@ export const DefaultCustomResourceDrawer = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
|
||||
@@ -52,7 +52,7 @@ export const DeploymentDrawer = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
|
||||
@@ -68,7 +68,7 @@ const DeploymentSummary = ({
|
||||
hpa,
|
||||
}: DeploymentSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justify="flex-start" alignItems="center">
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid xs={3} item>
|
||||
<DeploymentDrawer deployment={deployment} />
|
||||
</Grid>
|
||||
@@ -82,7 +82,7 @@ const DeploymentSummary = ({
|
||||
item
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
@@ -113,7 +113,7 @@ const DeploymentSummary = ({
|
||||
container
|
||||
xs={3}
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
<Grid item>
|
||||
@@ -169,7 +169,7 @@ export const DeploymentsAccordions = ({}: DeploymentsAccordionsProps) => {
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
{groupedResponses.deployments.map((deployment, i) => (
|
||||
|
||||
@@ -90,7 +90,7 @@ export const ErrorEmptyState = () => {
|
||||
return (
|
||||
<Grid
|
||||
container
|
||||
justify="space-around"
|
||||
justifyContent="space-around"
|
||||
direction="row"
|
||||
alignItems="center"
|
||||
spacing={2}
|
||||
|
||||
@@ -38,7 +38,7 @@ export const IngressDrawer = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
|
||||
@@ -40,7 +40,7 @@ type IngressSummaryProps = {
|
||||
|
||||
const IngressSummary = ({ ingress }: IngressSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justify="flex-start" alignItems="center">
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid xs={3} item>
|
||||
<IngressDrawer ingress={ingress} />
|
||||
</Grid>
|
||||
@@ -84,7 +84,7 @@ export const IngressesAccordions = ({}: IngressesAccordionsProps) => {
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
{groupedResponses.ingresses.map((ingress, i) => (
|
||||
|
||||
@@ -65,7 +65,7 @@ const ClusterSummary = ({
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
<Grid
|
||||
@@ -73,7 +73,7 @@ const ClusterSummary = ({
|
||||
item
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
@@ -92,7 +92,7 @@ const ClusterSummary = ({
|
||||
container
|
||||
xs={3}
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
<Grid item>
|
||||
@@ -208,7 +208,7 @@ export const KubernetesContent = ({ entity }: KubernetesContentProps) => {
|
||||
{kubernetesObjects?.items.length <= 0 && (
|
||||
<Grid
|
||||
container
|
||||
justify="space-around"
|
||||
justifyContent="space-around"
|
||||
direction="row"
|
||||
alignItems="center"
|
||||
spacing={2}
|
||||
|
||||
@@ -112,7 +112,7 @@ const KubernetesDrawerContent = <T extends KubernetesDrawerable>({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
<Grid item>
|
||||
|
||||
@@ -38,7 +38,7 @@ export const ServiceDrawer = ({
|
||||
<Grid
|
||||
container
|
||||
direction="column"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
spacing={0}
|
||||
>
|
||||
|
||||
@@ -35,7 +35,7 @@ type ServiceSummaryProps = {
|
||||
|
||||
const ServiceSummary = ({ service }: ServiceSummaryProps) => {
|
||||
return (
|
||||
<Grid container direction="row" justify="flex-start" alignItems="center">
|
||||
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
|
||||
<Grid xs={3} item>
|
||||
<ServiceDrawer service={service} />
|
||||
</Grid>
|
||||
@@ -107,7 +107,7 @@ export const ServicesAccordions = ({}: ServicesAccordionsProps) => {
|
||||
<Grid
|
||||
container
|
||||
direction="row"
|
||||
justify="flex-start"
|
||||
justifyContent="flex-start"
|
||||
alignItems="flex-start"
|
||||
>
|
||||
{groupedResponses.services.map((service, i) => (
|
||||
|
||||
Reference in New Issue
Block a user