diff --git a/bridge_ui/src/components/Home/index.tsx b/bridge_ui/src/components/Home/index.tsx
index ce3dfe25..3e029fc9 100644
--- a/bridge_ui/src/components/Home/index.tsx
+++ b/bridge_ui/src/components/Home/index.tsx
@@ -1,5 +1,6 @@
import {
Card,
+ Chip,
Container,
Link,
makeStyles,
@@ -7,7 +8,7 @@ import {
} from "@material-ui/core";
import { Link as RouterLink } from "react-router-dom";
import { COLORS } from "../../muiTheme";
-import { BETA_CHAINS, CHAINS } from "../../utils/consts";
+import { BETA_CHAINS, CHAINS, COMING_SOON_CHAINS } from "../../utils/consts";
import HeaderText from "../HeaderText";
const useStyles = makeStyles((theme) => ({
@@ -118,6 +119,29 @@ function Home() {
))}
+ {COMING_SOON_CHAINS.map((item) => (
+
+
+
+
+
+
+ {item.name}
+
+
+ ))}
diff --git a/bridge_ui/src/icons/oasis-network-rose-logo.svg b/bridge_ui/src/icons/oasis-network-rose-logo.svg
new file mode 100644
index 00000000..80325523
--- /dev/null
+++ b/bridge_ui/src/icons/oasis-network-rose-logo.svg
@@ -0,0 +1,25 @@
+
+
+
diff --git a/bridge_ui/src/utils/consts.ts b/bridge_ui/src/utils/consts.ts
index d48a0221..06830810 100644
--- a/bridge_ui/src/utils/consts.ts
+++ b/bridge_ui/src/utils/consts.ts
@@ -14,6 +14,7 @@ import ethIcon from "../icons/eth.svg";
import polygonIcon from "../icons/polygon.svg";
import solanaIcon from "../icons/solana.svg";
import terraIcon from "../icons/terra.svg";
+import oasisIcon from "../icons/oasis-network-rose-logo.svg";
export type Cluster = "devnet" | "testnet" | "mainnet";
export const CLUSTER: Cluster =
@@ -125,6 +126,14 @@ export const CHAINS_BY_ID: ChainsById = CHAINS.reduce((obj, chain) => {
obj[chain.id] = chain;
return obj;
}, {} as ChainsById);
+
+export const COMING_SOON_CHAINS = [
+ {
+ id: 0,
+ name: "Oasis",
+ logo: oasisIcon,
+ },
+];
export const getDefaultNativeCurrencySymbol = (chainId: ChainId) =>
chainId === CHAIN_ID_SOLANA
? "SOL"