Update docs - add on-chain payouts page (#272)

docs/_data/navigation.yml

@@ -44,6 +44,8 @@ docs:
         url: /docs/bonds/
       - title: '<span class="side-bar-item">&nbsp;&nbsp;<img id="side-icon-small" src="/assets/vector/money-bill-transfer.svg"/>Trade Escrow</span>'
         url: /docs/escrow/
+      - title: '<span class="side-bar-item">&nbsp;&nbsp;<img id="side-icon-small" src="/assets/vector/link-solid.svg"/>On-Chain Payouts</span>'
+        url: /docs/on-chain-payouts/
       - title: '<span class="side-bar-item">&nbsp;&nbsp;<img id="side-icon-small" src="/assets/vector/bitcoin.svg"/>Prices</span>'
         url: /docs/prices/
       - title: '<span class="side-bar-item">&nbsp;&nbsp;<img id="side-icon-small" src="/assets/vector/hand-holding-hand.svg"/>Fees</span>'

docs/_pages/docs/03-understand/14-on-chain-payouts.md

@@ -0,0 +1,61 @@
+---
+layout: single
+title: On-chain Payouts
+permalink: /docs/on-chain-payouts/
+sidebar:
+  title: '<img id="side-icon-verybig" src="/assets/vector/link-solid.svg"/>On-chain Payouts'
+  nav: docs
+src: "_pages/docs/03-understand/14-on-chain-payouts.md"
+---
+
+Although Robosats is an exchange built on top of the lightning network, there
+is an option however, for the buyer to receive their sats to an on-chain
+bitcoin address. This is referred to as an on-chain payout or sometimes,
+on-chain swap (not to be confused with [P2P Swaps](/docs/swaps)). On the UI,
+this option is available after the taker has locked their bond. When the order
+status is on "Waiting for buyer invoice", you should see two options -
+"Lightning" and "Onchain":
+
+<div align="center">
+    <img src="/assets/images/understand/14-on-chain-payouts/contract-box-on-waiting-for-buyer-invoice.png"/>
+</div>
+
+When you click on the on-chain address option you see the following:
+
+<div align="center">
+    <img src="/assets/images/understand/14-on-chain-payouts/on-chain-box.png"/>
+</div>
+
+An overview of the fees is displayed and you can enter an on-chain bitcoin
+address for the payout and also enter the mining fees. The *Swap fee* is an
+additional fee that Robosats charges for making the on-chain payment. This does
+not include the taker/maker fees. The Swap fee is charged on the amount after
+deducting the taker/maker fees. In addition to the swap fee, there's also the
+mining fee for the on-chain transaction. You can choose the mining fee that
+suits your need of the hour. The *Mining Fee* input let's you choose the fee
+rate in sats/vbyte.
+
+If the on-chain address is valid, then the order moves to the next stage as
+usual. At the end, if the trade was successful you should see a screen
+something like this with the transaction id of the payout transaction:
+
+<div align="center">
+    <img src="/assets/images/understand/14-on-chain-payouts/successful-trade-on-chain.png"/>
+</div>
+
+### On-chain payout fees
+
+The on-chain payout fees (aka Swap fees) keeps changing from time to time. It
+may range from 1% to 10%. To get the current on-chain fees you can check the
+exchange summary by clicking on the "%" button from the home screen:
+
+<div align="center">
+    <img src="/assets/images/understand/14-on-chain-payouts/exchange-info-icon.png"/>
+</div>
+
+The exchange summary dialog displays the current value of the on-chain payout fees:
+
+<div align="center">
+    <img src="/assets/images/understand/14-on-chain-payouts/exchange-summary.png"/>
+</div>
+

docs/assets/vector/link-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"/></svg>