[pull] main from KelvinTegelaar:main

public/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "8.0.0"
+  "version": "8.0.1"
 }

src/components/CippCards/CippDomainCards.jsx

@@ -152,7 +152,7 @@ function DomainResultCard({ title, data, isFetching, info, type }) {
       ? {
           children: (
             <Grid container spacing={2}>
-              <Grid item size={{ xs: 12 }}>
+              <Grid size={{ xs: 12 }}>
                 {info}
               </Grid>
             </Grid>
@@ -182,7 +182,7 @@ function DomainResultCard({ title, data, isFetching, info, type }) {
       ? {
           children: (
             //4 headers, "Record" and then  <CippCodeBlock code={record?.Record} /> under it.
-            (<>
+            <>
               <Typography variant="h6" gutterBottom>
                 Record:
               </Typography>
@@ -237,7 +237,7 @@ function DomainResultCard({ title, data, isFetching, info, type }) {
                   value: email,
                 }))}
               />
-            </>)
+            </>
           ),
         }
       : type === "SPF"
@@ -361,7 +361,7 @@ function DomainResultCard({ title, data, isFetching, info, type }) {
       }
       isFetching={isFetching}
     >
-      <Grid item size={{ xs: 12 }}>
+      <Grid size={{ xs: 12 }}>
         {info}
       </Grid>
       <CippOffCanvas visible={visible} onClose={() => setVisible(false)} {...offCanvasData} />
@@ -483,7 +483,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <Grid container spacing={3}>
-        <Grid item size={{ xs: fullwidth ? 12 : 4 }}>
+        <Grid size={{ xs: 12, md: gridItemSize }}>
           <CippButtonCard
             title="Domain Check"
             cardSx={{ display: "flex", flexDirection: "column", height: "100%" }}
@@ -496,7 +496,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
             }
           >
             <Grid container spacing={2}>
-              <Grid item size={{ xs: 8 }}>
+              <Grid size={{ xs: 8 }}>
                 <Controller
                   name="domain"
                   control={control}
@@ -505,7 +505,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                   )}
                 />
               </Grid>
-              <Grid item size={{ xs: 4 }}>
+              <Grid size={{ xs: 4 }}>
                 <Button type="submit" variant="contained" startIcon={<SearchIcon />}>
                   Check
                 </Button>
@@ -562,7 +562,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
 
         {domain && (
           <>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="Whois Results"
                 type="whois"
@@ -575,7 +575,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                 }
               />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="NS Records"
                 data={nsData}
@@ -588,10 +588,10 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                 }
               />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <MXResultsCard domain={domain} mxData={mxData} isFetching={mxLoading} />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="SPF Record"
                 type="SPF"
@@ -610,7 +610,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                 }
               />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="DMARC Policy"
                 type="DMARC"
@@ -629,7 +629,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                 }
               />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="DKIM Record"
                 data={dkimData}
@@ -648,7 +648,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                 }
               />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="DNSSEC"
                 type={"DNSSEC"}
@@ -665,7 +665,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
                 }
               />
             </Grid>
-            <Grid item size={{ md: gridItemSize, xs: 12 }}>
+            <Grid size={{ md: gridItemSize, xs: 12 }}>
               <DomainResultCard
                 title="MTA-STS"
                 type="MTA-STS"
@@ -685,7 +685,7 @@ export const CippDomainCards = ({ domain: propDomain = "", fullwidth = false })
               />
             </Grid>
             {enableHttps && (
-              <Grid item size={{ md: gridItemSize, xs: 12 }}>
+              <Grid size={{ md: gridItemSize, xs: 12 }}>
                 <DomainResultCard
                   title="HTTPS Certificate"
                   type="HTTPS"