hds-web 1.42.4 → 1.42.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.42.4",
+  "version": "1.42.6",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Footers/v3Footer.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React from "react";
 import { Typography } from "../../foundation/Typography";
 
 const LinkedIn = () => (
@@ -94,24 +94,6 @@ const socialShare = [
 ];
 
 export default function V3Footer(props) {
-  const [isError, setIsError] = useState(false);
-
-  const [isItems, setIsItems] = useState(null);
-
-  useEffect(() => {
-    fetch("https://status.hasura.io/api/v2/status.json")
-      .then((res) => res.json())
-      .then(
-        (result) => {
-          setIsItems(result);
-          setIsError(false);
-        },
-        (error) => {
-          setIsError(true);
-        }
-      );
-  }, []);
-
   const isDarkMode = props?.isDarkMode;
 
   const logoUrl = isDarkMode
@@ -174,18 +156,6 @@ export default function V3Footer(props) {
           ))}
         </div>
         <div className="flex flex-col md:flex-row justify-between items-center w-full lg:max-w-[716px] 2xl:max-w-[756px]">
-          {isItems && !isError && (
-            <>
-              <a href="https://status.hasura.io/" className="">
-                <div className=" bg-neutral-0 rounded-full shadow hover:shadow-lg transition-all duration-300 px-4 py-2 inline-flex justify-center items-center md:ml-16 lg:ml-0">
-                  <div className="w-4 h-4 bg-green-400 rounded-full mr-2"></div>
-                  <Typography textStyle="body3" className={"text-neutral-1000"}>
-                    {isItems?.status.description}
-                  </Typography>
-                </div>
-              </a>
-            </>
-          )}
           <div>
             <Typography
               textStyle="body3c"

package/src/HDS/components/Headers/v3Header.js

@@ -1,4 +1,4 @@
-import  { useState, useEffect } from "react";
+import React, { useState, useEffect } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 
 import { Icon } from "../common-components/Icon";

package/src/styles/tailwind.css

@@ -11908,10 +11908,6 @@ select{
 }
 
 @media (min-width: 768px){
-  .md\:ml-16{
-    margin-left: 4rem;
-  }
-
   .md\:flex-row{
     flex-direction: row;
   }
@@ -12346,10 +12342,6 @@ select{
 }
 
 @media (min-width: 1024px){
-  .lg\:ml-0{
-    margin-left: 0px;
-  }
-
   .lg\:flex{
     display: flex;
   }