piersss

Results 24 issues of piersss

Fixes #603 I also split the otc store into a make-otc and take-otc store. @coltraneyan There's an `activeOrder` in the take-otc store you can use in the OrderDetailWidget. You can...

Compiling an order string should be done in the store. User should be redirected to OrderDetailWidget or a 404 order not found page. Design will come up with 404 page.

Users can now create a full order with the new Make interface. This PR also includes: - New OTC store - Added some hooks so SwapWidget and MakeWidget use same...

Index all possible errors from `compressFullOrder`, add translations and show to user in ErrorList component.

Keep the cancel order logic separate from OrderDetailWidget to make things easier for ourselves.

Probably should refactor RateField a bit to make it reusable. Use `BorderedPill`. ![Screenshot 2022-08-02 at 21 43 48](https://user-images.githubusercontent.com/86911296/182460264-6642696d-cd6a-4e77-a188-98d1924fdf53.png) Also make sure this component replaces the old component in `SwapWidget/subcomponents/InfoSection`.

component

![Screenshot 2022-07-10 at 17 34 25](https://user-images.githubusercontent.com/86911296/178151622-e856ad81-52a8-4e13-966a-4f3b46c7887d.png) We can reuse the `getTimeBetweenTwoDates` helper from @codyenokida . Just need to refactor it a bit because the "ago" translations is baked into it....

component

Figma: https://www.figma.com/file/DTJwC2mQ9kvyjM0171tqHR/airswap-web?node-id=10495%3A9993 ![Image](https://user-images.githubusercontent.com/86911296/176759600-405074ab-3e2e-42c7-b20b-f13555d215d6.png)

![Screenshot 2022-07-09 at 10 28 49](https://user-images.githubusercontent.com/86911296/178098192-05a73789-0d6a-499d-9220-1d8b3ee2b28c.png) We can reuse the `getTimeBetweenTwoDates` helper made by @codyenokida . Just need to refactor it a bit because the "ago" translations are baked into...

component

New dropdown component. Should be a [controlled component](https://reactjs.org/docs/forms.html#controlled-components). Interface: ``` label: string; name: string; value?: SelectOption; options: SelectOption[]; onChange: (option: SelectOption) => void; ``` SelectOption: ``` label: string; value: string;...

component