Fix All Material UI Warnings

Signed-off-by: Pankaj Patil <pankaj.patil2099@hotmail.com>
This commit is contained in:
Pankaj Patil
2021-08-03 21:48:56 +05:30
parent aec5da2720
commit d56c390e8f
25 changed files with 45 additions and 40 deletions
@@ -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) => (