diff --git a/README.md b/README.md index 9659a35fe..1e08b383c 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,12 @@ --- +## ⚠️ Deprecated Repository + +**This repository is no longer maintained and has been deprecated in favor of [explorer (rebased)](https://github.com/iotaledger/iota/tree/develop/apps/explorer).** + +Please refer to the new repository for the latest updates, bug fixes, and features. + ## About This repository is where the IOTA Foundation hosts the open-source code for the [Tangle Explorer website](https://explorer.iota.org/). diff --git a/client/src/app/App.scss b/client/src/app/App.scss index e98b59071..c79092c44 100644 --- a/client/src/app/App.scss +++ b/client/src/app/App.scss @@ -18,6 +18,18 @@ @include desktop-down { margin-top: calc(2 * #{$navbar-height-mobile}); } + + .disclaimer-banner { + padding: 20px; + border-radius: 0; + border: 1px solid $iota2-teal-500; + background-color: rgba($iota2-teal-500, 0.2); + + p { + color: var(--body-color); + font-size: 16px; + } + } } .maintenance { diff --git a/client/src/app/App.tsx b/client/src/app/App.tsx index 8c938996e..e005eb3bf 100644 --- a/client/src/app/App.tsx +++ b/client/src/app/App.tsx @@ -15,7 +15,7 @@ import { scrollToTop } from "~helpers/pageUtils"; import { useWasmLoader } from "~helpers/hooks/useWasmLoader"; import { useInitServicesLoader } from "~helpers/hooks/useInitServicesLoader"; import { INetwork } from "~models/config/INetwork"; -import { MAINNET } from "~models/config/networkType"; +import { MAINNET, SHIMMER } from "~models/config/networkType"; import { IOTA_UI, IOTA2_UI, SHIMMER_UI } from "~models/config/uiTheme"; import { NOVA, STARDUST } from "~models/config/protocolVersion"; import { NetworkService } from "~services/networkService"; @@ -56,7 +56,9 @@ const App: React.FC> = ({ const identityResolverEnabled = protocolVersion !== STARDUST && (networkConfig?.identityResolverEnabled ?? true); const currentNetworkName = networkConfig?.network; - const isShimmer = isShimmerUiTheme(networkConfig?.uiTheme); + const isShimmerTheme = isShimmerUiTheme(networkConfig?.uiTheme); + const isShimmer = networkConfig && networkConfig.network === SHIMMER; + const isStardust = networkConfig && networkConfig.protocolVersion === STARDUST; const nodeService = ServiceFactory.get("node-info-stardust"); const nodeInfo = networkConfig?.network ? nodeService.get(networkConfig?.network) : null; const withNetworkContext = networkContextWrapper(currentNetworkName, nodeInfo, networkConfig?.uiTheme); @@ -90,14 +92,14 @@ const App: React.FC> = ({ ); } - const routes = buildAppRoutes(networkConfig?.protocolVersion ?? "", withNetworkContext); + const routes = buildAppRoutes(networkConfig?.protocolVersion ?? "", networkConfig?.network ?? "", withNetworkContext); const pages = getPages(networkConfig, networks); const metaLabel = buildMetaLabel(currentNetworkName); - const faviconHelmet = getFaviconHelmet(isShimmer); + const faviconHelmet = getFaviconHelmet(isShimmerTheme); return ( -
+
@@ -122,6 +124,27 @@ const App: React.FC> = ({
The network provided does not exist, please check the url.
)} + {isStardust && !isShimmer && ( +
+
+

+ This network is superseded by + + Mainnet (rebased) + + . +

+ {/** TODO: Add exact Milestone https://github.com/iotaledger/explorer/issues/1497 +

+ It can only be used to browse historic data before milestone XYZ +

+ **/} +
+
+ )} {networkConfig && routes} ) : ( @@ -130,7 +153,7 @@ const App: React.FC> = ({
)} - {isShimmer ? ( + {isShimmerTheme ? ( ) : (