From f935163b3ae23532be1ae3a771288490b1cfc620 Mon Sep 17 00:00:00 2001 From: Sebastian Scatularo Date: Fri, 18 Aug 2023 16:22:23 -0300 Subject: [PATCH] #318 - add planned outage - head up banner --- .github/workflows/prettier.yml | 2 +- package-lock.json | 4 +- package.json | 2 +- src/components/HeaderText.tsx | 98 +++++++++++++++++++++++++++++++++- 4 files changed, 100 insertions(+), 6 deletions(-) diff --git a/.github/workflows/prettier.yml b/.github/workflows/prettier.yml index e8a03611e..ca3d784b7 100644 --- a/.github/workflows/prettier.yml +++ b/.github/workflows/prettier.yml @@ -9,4 +9,4 @@ jobs: - name: Checkout repository uses: actions/checkout@v3 - name: Run prettier - run: npx prettier --check ./src + run: npx prettier@3.0.2 --check ./src diff --git a/package-lock.json b/package-lock.json index 1263b6ca6..196b88cc7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@xlabs/portal-bridge-ui", - "version": "0.1.65", + "version": "0.1.66", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@xlabs/portal-bridge-ui", - "version": "0.1.65", + "version": "0.1.66", "dependencies": { "@certusone/wormhole-sdk": "^0.9.22", "@injectivelabs/sdk-ts": "^1.10.72", diff --git a/package.json b/package.json index 6c1ff5d92..1ee15c61e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@xlabs/portal-bridge-ui", - "version": "0.1.65", + "version": "0.1.66", "private": true, "dependencies": { "@certusone/wormhole-sdk": "^0.9.22", diff --git a/src/components/HeaderText.tsx b/src/components/HeaderText.tsx index 41d00d76d..ace64095e 100644 --- a/src/components/HeaderText.tsx +++ b/src/components/HeaderText.tsx @@ -1,11 +1,12 @@ -import { makeStyles, Typography } from "@material-ui/core"; +import { Box, Link, 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%", }, @@ -20,8 +21,100 @@ const useStyles = makeStyles((theme) => ({ subtitle: { marginTop: theme.spacing(2), }, + alert: { + marginTop: theme.spacing(5), + marginBottom: theme.spacing(5), + margin: "auto", + textAlign: "left", + display: "flex", + 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": { + 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 Notice() { + const style = useStyles(); + return ( + + + Wormhole Upgrade Approaching - Expect Temporary Downtime + + + + A required upgrade is being coordinated and executed by the network of + Wormhole Guardian (validator) nodes to add Gateway to the Wormhole + stack. + + + Please take note that token bridging will pause for several hours on{" "} +
+ Monday, August 21, 2023{" "} + during the upgrade. +
+ + Follow:{" "} + + @wormholecrypto + {" "} + and join the{" "} + + Discord + {" "} + for updates. + +
+
+ ); +} + export default function HeaderText({ children, white, @@ -48,6 +141,7 @@ export default function HeaderText({ {subtitle} ) : null} + ); }