diff --git a/package.json b/package.json
index 231de43..8b58876 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "akashlytics-deploy",
- "version": "0.17.3",
+ "version": "0.18.0",
"private": false,
"repository": {
"type": "git",
diff --git a/src/AppContainer.js b/src/AppContainer.js
index 3938769..f3abbe9 100644
--- a/src/AppContainer.js
+++ b/src/AppContainer.js
@@ -14,12 +14,15 @@ import { NodeStatusBar } from "./components/NodeStatusBar";
import { Register } from "./routes/Register";
import { NewWallet } from "./routes/NewWallet";
import { Footer } from "./components/Footer";
+import { AppBar, Toolbar } from "@material-ui/core";
+import { LinkTo } from "./shared/components/LinkTo";
const useStyles = makeStyles((theme) => ({
body: {
- paddingTop: "30px",
- height: "calc(100% - 30px)"
- }
+ paddingTop: "78px",
+ height: "calc(100% - 78px)"
+ },
+ checkItOut: { marginLeft: ".5rem", fontWeight: "bold", color: theme.palette.secondary.contrastText }
}));
export const AppContainer = () => {
@@ -27,7 +30,6 @@ export const AppContainer = () => {
const [isAppInitiated, setIsAppInitiated] = useState(false);
const { address, selectedWallet } = useWallet();
const { wallets } = useStorageWallets();
- const [showBetaBanner, setShowBetaBanner] = useState(false);
const history = useHistory();
const walletsExist = wallets.length > 0;
@@ -42,16 +44,25 @@ export const AppContainer = () => {
}
}
- let isBetaBannerSeen = localStorage.getItem("isBetaBannerSeen");
- isBetaBannerSeen = !!isBetaBannerSeen && isBetaBannerSeen === "true" ? true : false;
- setShowBetaBanner(!isBetaBannerSeen);
+ // let isBetaBannerSeen = localStorage.getItem("isBetaBannerSeen");
+ // isBetaBannerSeen = !!isBetaBannerSeen && isBetaBannerSeen === "true" ? true : false;
+ // setShowBetaBanner(!isBetaBannerSeen);
setIsAppInitiated(true);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
return (
<>
- {showBetaBanner && }
+
+
+
+ Cloudmos Deploy desktop is now being deprecated. We're now officially in the browser!{" "}
+ window.electron.openUrl("https://deploy.cloudmos.io")} className={classes.checkItOut}>
+ Check it out!
+
+
+
+
diff --git a/src/MainView.js b/src/MainView.js
index f63aad9..a5c1725 100644
--- a/src/MainView.js
+++ b/src/MainView.js
@@ -5,9 +5,7 @@ import { ErrorBoundary } from "react-error-boundary";
import { ErrorFallback } from "./shared/components/ErrorFallback";
import { LeftNav, drawerWidth, closedDrawerWidth } from "./components/LeftNav";
import { RightContent } from "./components/RightContent";
-import { useEffect, useState } from "react";
-import { useWallet } from "./context/WalletProvider";
-import { WelcomeModal } from "./components/WelcomeModal";
+import { useState } from "react";
import { Layout } from "./shared/components/Layout";
import { accountBarHeight } from "./shared/constants";
@@ -18,7 +16,7 @@ const useStyles = makeStyles((theme) => ({
height: "100%"
},
accountAppBar: {
- top: "30px",
+ top: "78px",
backgroundColor: theme.palette.grey[300]
},
accountBar: {
@@ -44,32 +42,14 @@ const useStyles = makeStyles((theme) => ({
export function MainView() {
const classes = useStyles();
- const [isShowingWelcome, setIsShowingWelcome] = useState(false);
- const [isWelcomeShown, setIsWelcomeShown] = useState(false);
const [isNavOpen, setIsNavOpen] = useState(true);
- const { balance, isRefreshingBalance } = useWallet();
-
- useEffect(() => {
- if (!isRefreshingBalance && typeof balance === "number" && balance === 0 && !isShowingWelcome && !isWelcomeShown) {
- setIsShowingWelcome(true);
- }
-
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [isRefreshingBalance, balance, isWelcomeShown, isShowingWelcome]);
const onOpenMenuClick = () => {
setIsNavOpen((prev) => !prev);
};
- const onWelcomeClose = () => {
- setIsWelcomeShown(true);
- setIsShowingWelcome(false);
- };
-
return (
- {isShowingWelcome && }
-
diff --git a/src/components/BetaBanner/BetaBanner.js b/src/components/BetaBanner/BetaBanner.js
index 58a3482..ebd3d3f 100644
--- a/src/components/BetaBanner/BetaBanner.js
+++ b/src/components/BetaBanner/BetaBanner.js
@@ -1,18 +1,22 @@
import { useState } from "react";
import { makeStyles, Dialog, DialogContent, DialogActions, Button, Chip, Typography, Box } from "@material-ui/core";
+import LaunchIcon from "@material-ui/icons/Launch";
const useStyles = makeStyles((theme) => ({
grow: { flexGrow: 1 },
betaChip: {
- fontWeight: "bold",
- width: "100%"
+ fontWeight: "bold"
},
betaText: {
- padding: "0 1rem"
+ padding: "1rem"
+ },
+ title: {
+ marginBottom: ".5rem"
},
appBar: {
top: "30px"
- }
+ },
+ checkItOut: { display: "flex", alignItems: "center" }
}));
export const BetaBanner = () => {
@@ -28,24 +32,48 @@ export const BetaBanner = () => {
return (
<>
{isBetaBarVisible && (
-