Support filecoin (#4589)

* add jetbrains folder

* add jetbrains to gitignore file

* add check to avoid exception on objects inside extra field

* add transaction confirm fields for filecoin

* remove duplicated line

* fix error on line

.gitignore

@@ -128,4 +128,5 @@ ui-lib/lib
 ui-lib/storybook-static/*
 
 # IDE
-.vscode/*
+.vscode/*
+.idea

src/live-common-set-supported-currencies.js

@@ -41,4 +41,5 @@ setSupportedCurrencies([
   "ethereum_ropsten",
   "ethereum_goerli",
   "cosmos_testnet",
+  "filecoin",
 ]);

src/renderer/drawers/OperationDetails/index.js

@@ -641,16 +641,19 @@ type OperationDetailsExtraProps = {
 };
 
 const OperationDetailsExtra = ({ extra }: OperationDetailsExtraProps) => {
-  return Object.entries(extra).map(([key, value]) => (
-    <OpDetailsSection key={key}>
-      <OpDetailsTitle>
-        <Trans i18nKey={`operationDetails.extra.${key}`} defaults={key} />
-      </OpDetailsTitle>
-      <OpDetailsData>
-        <Ellipsis>{value}</Ellipsis>
-      </OpDetailsData>
-    </OpDetailsSection>
-  ));
+  return Object.entries(extra).map(([key, value]) => {
+    if( typeof value == "object" || typeof value == "function") return null;
+    return (
+      <OpDetailsSection key={key}>
+        <OpDetailsTitle>
+          <Trans i18nKey={`operationDetails.extra.${key}`} defaults={key} />
+        </OpDetailsTitle>
+        <OpDetailsData>
+          <Ellipsis>{value}</Ellipsis>
+        </OpDetailsData>
+      </OpDetailsSection>
+    );
+  });
 };
 
 const More = styled(Text).attrs(p => ({

src/renderer/families/filecoin/TransactionConfirmFields.js

@@ -0,0 +1,37 @@
+// @flow
+
+import invariant from "invariant";
+import React from "react";
+import TransactionConfirmField from "~/renderer/components/TransactionConfirm/TransactionConfirmField";
+import Text from "~/renderer/components/Text";
+import { DeviceTransactionField } from "@ledgerhq/live-common/lib/transaction";
+
+
+const addressStyle = {
+  wordBreak: "break-all",
+  textAlign: "right",
+  maxWidth: "70%",
+};
+
+const FilecoinField = ({ transaction, field }: { transaction: Transaction, field: DeviceTransactionField }) => {
+  invariant(transaction.family === "filecoin", "filecoin transaction");
+
+  return (
+    <TransactionConfirmField label={field.label}>
+      <Text style={addressStyle} ml={1} ff="Inter|Medium" color="palette.text.shade80" fontSize={3}>
+        {field.value}
+      </Text>
+    </TransactionConfirmField>
+  );
+};
+
+const fieldComponents = {
+  "filecoin.gasFeeCap": FilecoinField,
+  "filecoin.gasPremium": FilecoinField,
+  "filecoin.gasLimit": FilecoinField,
+  "filecoin.method": FilecoinField,
+};
+
+export default {
+  fieldComponents,
+};