add Osmosis tutorial (#392)

* Create how-to-bridge-to-osmosis * add images, fix file name * [skip ci] - bump version --------- Co-authored-by: p0rtalsurfer <142612610+p0rtalsurfer@users.noreply.github.com>
XLabs · Sep 7, 2023 · ad380c0 · ad380c0
1 parent 3203945
commit ad380c0
Show file tree

Hide file tree

Showing 9 changed files with 47 additions and 3 deletions.
diff --git a/docs/docs/tutorials/how-to-bridge-to-osmosis.md b/docs/docs/tutorials/how-to-bridge-to-osmosis.md
@@ -0,0 +1,44 @@
+---
+title: How to Bridge to Osmosis
+sidebar_position: 2
+---
+
+# How to Bridge to Osmosis
+
+Token bridging to the Cosmos ecosystem is now live on Portal Bridge, powered by [Wormhole Gateway,](https://wormhole.com/gateway/) the Gateway to the Cosmos Ecosystem. The following is a short guide on how to bridge to [Osmosis](https://osmosis.zone/), the largest decentralized exchange appchain in the Cosmos ecosystem.
+
+### Step 1: Visit Portal Bridge
+
+Navigate to https://www.portalbridge.com/cosmos/. Ensure that the “Cosmos” subdomain is highlighted, as shown below. The Cosmos bridge is powered by [Wormhole Connect](https://wormhole.com/connect/).
+
+![Untitled](../../static/img/osmosis-how-to-bridge-1.png)
+
+### Step 2: Connect Wallets
+
+Connect your relevant wallets for both the source and destination chains by clicking the “Connect Wallet” icons for both chains. In the example below, we’ll be bridging from Solana to Osmosis. The source chain wallet is Phantom Wallet, and the destination chain wallet is Keplr.
+
+![Untitled](../../static/img/osmosis-how-to-bridge-2.png)
+
+### Step 3: Select Asset Type and Quantity
+
+Click on the asset you wish to send (in this case, SOL) and type in the quantity you’d like to transfer. At this point, you should see a depiction of the assets you’ll receive on the destination chain and the estimated cost to make the transfer. To proceed, click “Approve and proceed with transaction.”
+
+![Untitled](../../static/img/osmosis-how-to-bridge-3.png)
+
+### Step 4: Sign the Transaction
+
+You will be prompted to sign a transaction from your source chain wallet to initiate the transfer. After reviewing the transaction, click “Confirm” to finalize the transaction.
+
+![Untitled](../../static/img/osmosis-how-to-bridge-4.png)
+
+### Step 5: Wait for Confirmation
+
+Bridge transactions require a number of confirmations before being finalized on the recipient chain. The time required varies by chain, but for Solana this usually usually takes less than 30 seconds.
+
+![Untitled](../../static/img/osmosis-how-to-bridge-5.png)
+
+### Step 6: Transaction Complete
+
+After all confirmations have been completed, the transaction is finalized. You will be able to see your assets in your Osmosis wallet by visiting https://app.osmosis.zone/assets. From here, you can add your assets to an Osmosis liquidity pool or swap them for another asset. Need further help? Visit us in discord at https://discord.com/invite/wormholecrypto
+
+![Untitled](../../static/img/osmosis-how-to-bridge-6.png)
diff --git a/docs/static/img/osmosis-how-to-bridge-1.png b/docs/static/img/osmosis-how-to-bridge-1.png
diff --git a/docs/static/img/osmosis-how-to-bridge-2.png b/docs/static/img/osmosis-how-to-bridge-2.png
diff --git a/docs/static/img/osmosis-how-to-bridge-3.png b/docs/static/img/osmosis-how-to-bridge-3.png
diff --git a/docs/static/img/osmosis-how-to-bridge-4.png b/docs/static/img/osmosis-how-to-bridge-4.png
diff --git a/docs/static/img/osmosis-how-to-bridge-5.png b/docs/static/img/osmosis-how-to-bridge-5.png
diff --git a/docs/static/img/osmosis-how-to-bridge-6.png b/docs/static/img/osmosis-how-to-bridge-6.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xlabs/portal-bridge-ui",
-  "version": "0.1.76",
+  "version": "0.1.77",
   "private": true,
   "dependencies": {
     "@certusone/wormhole-sdk": "^0.9.22",