remove outage banner (#330)

* remove outage banner * remove unecesary imports
XLabs · Aug 22, 2023 · ee538cf · ee538cf
1 parent 6253baf
commit ee538cf
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 307 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xlabs/portal-bridge-ui",
-  "version": "0.1.67",
+  "version": "0.1.68",
   "private": true,
   "dependencies": {
     "@certusone/wormhole-sdk": "^0.9.22",

diff --git a/src/components/ConnectWalletButton.tsx b/src/components/ConnectWalletButton.tsx
@@ -87,11 +87,6 @@ const ConnectWalletButton = ({ chainId }: { chainId: ChainId }) => {
       : connect(availableWallets[0]);
   }, [openDialog, availableWallets, connect, chainId]);
 
-  //TODO remove once outage banned got removed
-  const outageDisabled =
-    Date.now() > Date.UTC(2023, 7, 21, 6) &&
-    Date.now() < Date.UTC(2023, 7, 21, 9);
-
   return (
     <>
       {isDetectingWallets && (
@@ -117,7 +112,7 @@ const ConnectWalletButton = ({ chainId }: { chainId: ChainId }) => {
         disconnect={disconnect}
         connected={!!pk}
         pk={pk || ""}
-        disabled={outageDisabled || isDetectingWallets || walletsNotAvailable}
+        disabled={isDetectingWallets || walletsNotAvailable}
       />
       <ConnectWalletDialog
         isOpen={isDialogOpen}

diff --git a/src/components/HeaderText.tsx b/src/components/HeaderText.tsx
@@ -1,12 +1,11 @@
-import { Box, Link, makeStyles, Typography } from "@material-ui/core";
+import { makeStyles, Typography } from "@material-ui/core";
 import clsx from "clsx";
 import { ReactChild } from "react";
 import { COLORS } from "../muiTheme";
-import { Alert, AlertTitle } from "@material-ui/lab";
 
 const useStyles = makeStyles((theme) => ({
   centeredContainer: {
-    //marginBottom: theme.spacing(16),
+    marginBottom: theme.spacing(16),
     textAlign: "center",
     width: "100%",
   },
@@ -23,302 +22,6 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-const useHeadUpStyles = makeStyles((theme) => ({
-  alert: {
-    marginTop: theme.spacing(5),
-    marginBottom: theme.spacing(5),
-    margin: "auto",
-    textAlign: "left",
-    display: "flex",
-    [theme.breakpoints.up("sm")]: {
-      width: "792px",
-      height: "282px",
-    },
-    padding: theme.spacing(4), // 32px
-    justifyContent: "center",
-    alignItems: "flex-start",
-    gap: "16px",
-    borderRadius: "28px",
-    background: "rgba(193, 149, 49, 0.10)",
-    border: "none",
-    lineHeight: "24px",
-    "& .MuiAlertTitle-root": {
-      color: "#FBECD0",
-      fontWeight: 700,
-      marginBottom: theme.spacing(3),
-    },
-    "& .MuiAlert-icon": {
-      fontSize: 24,
-      marginRight: 0,
-    },
-    "& .MuiAlert-message": {
-      [theme.breakpoints.up("sm")]: {
-        width: "633px",
-        marginRight: "55px",
-        flexShrink: 0,
-      },
-      "& .MuiTypography-paragraph": {
-        color: "#FBECD0",
-        fontFamily: "Poppins",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        "&:not(:last-child)": {
-          marginBottom: theme.spacing(3),
-        },
-      },
-      "& span": {
-        color: "#EEB32A",
-        fontWeight: 700,
-      },
-      "& .MuiLink-root": {
-        color: "#FBECD0",
-        fontFamily: "Poppins",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        lineHeight: "24px",
-        textDecorationLine: "underline",
-      },
-    },
-  },
-}));
-
-function HeadUpNotice() {
-  const style = useHeadUpStyles();
-  return (
-    <Alert severity="warning" className={style.alert}>
-      <AlertTitle>
-        Wormhole Upgrade Approaching - Expect Temporary Downtime
-      </AlertTitle>
-      <Box>
-        <Typography paragraph>
-          A required upgrade is being coordinated and executed by the network of
-          Wormhole Guardian (validator) nodes to add Gateway to the Wormhole
-          stack.
-        </Typography>
-        <Typography paragraph>
-          Please take note that token bridging will pause for several hours on{" "}
-          <br />
-          <Typography component="span">Monday, August 21, 2023</Typography>{" "}
-          during the upgrade.
-        </Typography>
-        <Typography paragraph>
-          Follow:{" "}
-          <Link href="https://twitter.com/wormholecrypto" target="_blank">
-            @wormholecrypto
-          </Link>{" "}
-          and join the{" "}
-          <Link
-            href="https://discord.com/invite/wormholecrypto"
-            target="_blank"
-          >
-            Discord
-          </Link>{" "}
-          for updates.
-        </Typography>
-      </Box>
-    </Alert>
-  );
-}
-
-const useInProgressStyles = makeStyles((theme) => ({
-  alert: {
-    marginTop: theme.spacing(5),
-    marginBottom: theme.spacing(5),
-    margin: "auto",
-    textAlign: "left",
-    display: "flex",
-    [theme.breakpoints.up("sm")]: {
-      width: "792px",
-      height: "258px",
-    },
-    padding: theme.spacing(4), // 32px
-    justifyContent: "center",
-    alignItems: "flex-start",
-    gap: "16px",
-    borderRadius: "28px",
-    background: "rgba(255, 42, 87, 0.10)",
-    border: "none",
-    lineHeight: "24px",
-    "& .MuiAlertTitle-root": {
-      color: "#FFE3E9",
-      fontWeight: 700,
-      marginBottom: theme.spacing(3),
-    },
-    "& .MuiAlert-icon": {
-      fontSize: 24,
-      marginRight: 0,
-    },
-    "& .MuiAlert-message": {
-      [theme.breakpoints.up("sm")]: {
-        width: "633px",
-        marginRight: "55px",
-        flexShrink: 0,
-      },
-      "& .MuiTypography-paragraph": {
-        color: "#FFE3E9",
-        fontFamily: "Poppins",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        "&:not(:last-child)": {
-          marginBottom: theme.spacing(3),
-        },
-      },
-      "& span": {
-        color: "#FFE3E9",
-        fontWeight: 700,
-      },
-      "& .MuiLink-root": {
-        color: "#FFE3E9",
-        fontFamily: "Poppins",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        lineHeight: "24px",
-        textDecorationLine: "underline",
-      },
-    },
-  },
-}));
-
-function InProgressNotice() {
-  const style = useInProgressStyles();
-  return (
-    <Alert severity="error" className={style.alert}>
-      <AlertTitle>
-        Wormhole Upgrade In Progress - Temporary Downtime In Effect
-      </AlertTitle>
-      <Box>
-        <Typography paragraph>
-          A required upgrade is being executed by the network of Wormhole
-          Guardian (validator) nodes to add Gateway to the Wormhole stack.
-        </Typography>
-        <Typography paragraph>
-          <Typography component="span">
-            Token bridging is currently paused.{" "}
-          </Typography>{" "}
-        </Typography>
-        <Typography paragraph>
-          Follow:{" "}
-          <Link href="https://twitter.com/wormholecrypto" target="_blank">
-            @wormholecrypto
-          </Link>{" "}
-          and join the{" "}
-          <Link
-            href="https://discord.com/invite/wormholecrypto"
-            target="_blank"
-          >
-            Discord
-          </Link>{" "}
-          for updates.
-        </Typography>
-      </Box>
-    </Alert>
-  );
-}
-
-const useBackOnLineStyles = makeStyles((theme) => ({
-  alert: {
-    marginTop: theme.spacing(5),
-    marginBottom: theme.spacing(5),
-    margin: "auto",
-    textAlign: "left",
-    display: "flex",
-    [theme.breakpoints.up("sm")]: {
-      width: "792px",
-      height: "210px",
-    },
-    padding: theme.spacing(4), // 32px
-    justifyContent: "center",
-    alignItems: "flex-start",
-    gap: "16px",
-    borderRadius: "28px",
-    background: "rgba(1, 187, 172, 0.10)",
-    border: "none",
-    lineHeight: "24px",
-    "& .MuiAlertTitle-root": {
-      color: "#FFE3E9",
-      fontWeight: 700,
-      marginBottom: theme.spacing(3),
-      "& span": {
-        color: "#07D9C8",
-      },
-    },
-    "& .MuiAlert-icon": {
-      fontSize: 24,
-      marginRight: 0,
-    },
-    "& .MuiAlert-message": {
-      [theme.breakpoints.up("sm")]: {
-        width: "633px",
-        marginRight: "55px",
-        flexShrink: 0,
-      },
-      "& .MuiTypography-paragraph": {
-        color: "#FFE3E9",
-        fontFamily: "Poppins",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        "&:not(:last-child)": {
-          marginBottom: theme.spacing(3),
-        },
-      },
-      "& span": {
-        color: "#FFE3E9",
-        fontWeight: 700,
-      },
-      "& .MuiLink-root": {
-        color: "#FFE3E9",
-        fontFamily: "Poppins",
-        fontSize: "14px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        lineHeight: "24px",
-        textDecorationLine: "underline",
-      },
-    },
-  },
-}));
-
-function BackOnLineNotice() {
-  const style = useBackOnLineStyles();
-  return (
-    <Alert severity="success" className={style.alert}>
-      <AlertTitle>
-        Wormhole Upgrade Completed -{" "}
-        <Typography component="span">Back Online</Typography>
-      </AlertTitle>
-      <Box>
-        <Typography paragraph>
-          A required upgrade was completed by the network of Wormhole Guardian
-          (validator) nodes to add Gateway to the Wormhole stack.
-        </Typography>
-        <Typography paragraph>
-          <Typography component="span">Token bridging is now live. </Typography>{" "}
-        </Typography>
-      </Box>
-    </Alert>
-  );
-}
-
-function Notice() {
-  const now = Date.now();
-  const outageStart = Date.UTC(2023, 7, 21, 6);
-  const outageEnd = Date.UTC(2023, 7, 21, 9);
-  if (now < outageStart) {
-    return <HeadUpNotice />;
-  } else if (now > outageStart && now < outageEnd) {
-    return <InProgressNotice />;
-  } else if (now > outageEnd) {
-    return <BackOnLineNotice />;
-  } else {
-    return null;
-  }
-}
-
 export default function HeaderText({
   children,
   white,
@@ -345,7 +48,6 @@ export default function HeaderText({
           {subtitle}
         </Typography>
       ) : null}
-      <Notice />
     </div>
   );
 }