Better big screen display

frontend/src/components/BookTable/BookControl.tsx

@@ -79,19 +79,31 @@ const BookControl = ({
 
   const orderTypeIcon = (value: string): React.ReactNode => {
     let component = <CheckBoxOutlineBlankIcon />;
+    let text = t('ANY');
     if (value === 'sell') {
       component = <SendReceiveIcon color='primary' />;
+      text = t('Sell');
     } else if (value === 'buy') {
       component = <SendReceiveIcon color='secondary' sx={{ transform: 'scaleX(-1)' }} />;
+      text = t('Buy');
     } else if (value === 'swapin') {
       component = <SwapCalls color='primary' />;
+      text = t('Swap In');
     } else if (value === 'swapout') {
       component = <SwapCalls color='secondary' />;
+      text = t('swap Out');
     }
 
     return (
       <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', marginRight: 1 }}>
         {component}
+        {width > medium ? (
+          <Typography sx={{ width: '2em' }} align='right' color='text.secondary'>
+            {` ${text}`}
+          </Typography>
+        ) : (
+          <></>
+        )}
       </div>
     );
   };

frontend/static/locales/ca.json

@@ -91,6 +91,7 @@
   "and use": "i fer servir",
   "hosted by": "allotjat per",
   "pay with": "pagar amb",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Afegir filtre",
   "Amount": "Suma",

frontend/static/locales/cs.json

@@ -91,6 +91,7 @@
   "and use": "použít",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Přidat filter",
   "Amount": "Částka",

frontend/static/locales/de.json

@@ -91,6 +91,7 @@
   "and use": "und verwende",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Add filter",
   "Amount": "Menge",

frontend/static/locales/en.json

@@ -91,6 +91,7 @@
   "and use": "and use",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Add filter",
   "Amount": "Amount",

frontend/static/locales/es.json

@@ -91,6 +91,7 @@
   "and use": "y usa",
   "hosted by": "hosted by",
   "pay with": "paga con",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Añadir filtro",
   "Amount": "Cantidad",

frontend/static/locales/eu.json

@@ -91,6 +91,7 @@
   "and use": "eta erabili",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Gehitu iragazkia",
   "Amount": "Kopurua",

frontend/static/locales/fr.json

@@ -91,6 +91,7 @@
   "and use": "et utiliser",
   "hosted by": "hosted by",
   "pay with": "payer avec",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Ajouter filtre",
   "Amount": "Montant",

frontend/static/locales/it.json

@@ -91,6 +91,7 @@
   "and use": "ed usa",
   "hosted by": "hosted by",
   "pay with": "paga con",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Aggiungi filtro",
   "Amount": "Quantità",

frontend/static/locales/ja.json

@@ -91,6 +91,7 @@
   "and use": "そして使用するのは",
   "hosted by": "hosted by",
   "pay with": "支払い方法は：",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "フィルタを追加",
   "Amount": "量",

frontend/static/locales/pl.json

@@ -91,6 +91,7 @@
   "and use": "i użyć",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Add filter",
   "Amount": "Ilość",

frontend/static/locales/pt.json

@@ -91,6 +91,7 @@
   "and use": "e utilizar",
   "hosted by": "hospedado por",
   "pay with": "pagar com",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Adicionar filtro",
   "Amount": "Quantidade",

frontend/static/locales/ru.json

@@ -91,6 +91,7 @@
   "and use": "и использовать",
   "hosted by": "hosted by",
   "pay with": "оплатить",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Добавить фильтр",
   "Amount": "Сумма",

frontend/static/locales/sv.json

@@ -91,6 +91,7 @@
   "and use": "och använda",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Add filter",
   "Amount": "Summa",

frontend/static/locales/sw.json

@@ -91,6 +91,7 @@
   "and use": "na tumia",
   "hosted by": "hosted by",
   "pay with": "lipa kwa",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "Ongeza kichujio",
   "Amount": "Kiasi",

frontend/static/locales/th.json

@@ -91,6 +91,7 @@
   "and use": "และใช้",
   "hosted by": "hosted by",
   "pay with": "pay with",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "เพิ่มตัวกรอง",
   "Amount": "จำนวน",

frontend/static/locales/zh-SI.json

@@ -91,6 +91,7 @@
   "and use": "并使用",
   "hosted by": "hosted by",
   "pay with": "支付",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "加筛选",
   "Amount": "金额",

frontend/static/locales/zh-TR.json

@@ -91,6 +91,7 @@
   "and use": "並使用",
   "hosted by": "hosted by",
   "pay with": "支付",
+  "swap Out": "swap Out",
   "#14": "Phrases in components/BookTable/index.tsx",
   "Add filter": "加篩選",
   "Amount": "金額",