Update TX pages for API parity

 - Remove deprecated fields from UI panels
 - Remove TX details
 - Remove links to TX details in Messages view

Author: shorsher

package.json

@@ -1,6 +1,6 @@
 {
   "name": "firefly-ui",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.4.1",
@@ -74,4 +74,4 @@
     "prettier": "^2.2.1"
   },
   "proxy": "http://localhost:5000"
-}
+}

src/core/interfaces.ts

@@ -44,6 +44,13 @@ export enum FFColors {
   Red = '#FF0000',
 }
 
+export enum TransactionType {
+  None = 'none',
+  BatchPin = 'batch_pin',
+  TokenPool = 'token_pool',
+  TokenTransfer = 'token_transfer',
+}
+
 export type CreatedFilterOptions = '1hour' | '24hours' | '7days' | '30days';
 
 export type FilterOptions = CreatedFilterOptions;
@@ -150,18 +157,10 @@ export interface INamespace {
 
 export interface ITransaction {
   created: number;
-  hash: string;
   id: string;
-  protocolId?: string;
-  sequence: number;
   status: TXStatus;
-  info?: IEthTransactionInfo;
-  subject: {
-    signer: string;
-    namespace: string;
-    type: string;
-    reference: string;
-  };
+  namespace: string;
+  type: TransactionType;
 }
 
 export interface IEthTransactionInfo {

src/core/translations/en.json

@@ -6,7 +6,7 @@
   "last7Days": "Last 7 Days",
   "last30Days": "Last 30 Days",
   "recentTransactions": "Recent Transactions",
-  "messages":"Messages",
+  "messages": "Messages",
   "namespace": "Namespace",
   "transactions": "Transactions",
   "addFilter": "Add Filter",

src/modules/data/registration.ts

@@ -29,7 +29,6 @@ import { Data } from './views/Data/Data';
 import { Events } from './views/Events/Events';
 import { MessageDetails } from './views/Messages/MessageDetails';
 import { Messages } from './views/Messages/Messages';
-import { TransactionDetails } from './views/Transactions/TransactionDetails';
 import { Transactions } from './views/Transactions/Transactions';
 import { Types } from './views/Types/Types';
 
@@ -152,11 +151,6 @@ export const DataRoutes: IRoute[] = [
     route: `${DATA_ROUTE_PREFIX}/transactions`,
     component: Transactions,
   },
-  {
-    exact: true,
-    route: `${DATA_ROUTE_PREFIX}/transactions/:id`,
-    component: TransactionDetails,
-  },
   {
     exact: true,
     route: `${DATA_ROUTE_PREFIX}/events`,

src/modules/data/translations/en.json

@@ -19,7 +19,7 @@
   "filter": "Filter",
   "hash": "Hash",
   "id": "ID",
-   "last1Hour": "Last 1 Hour",
+  "last1Hour": "Last 1 Hour",
   "last24Hours": "Last 24 Hours",
   "last30Days": "Last 30 Days",
   "last7Days": "Last 7 Days",
@@ -59,4 +59,4 @@
   "version": "Version",
   "viewTx": "View TX",
   "yes": "Yes"
-}
+}

src/modules/data/views/Messages/MessageDetails.tsx

@@ -13,12 +13,10 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import LaunchIcon from '@mui/icons-material/Launch';
 import {
   Breadcrumbs,
   CircularProgress,
   Grid,
-  IconButton,
   Link,
   List,
   Modal,
@@ -126,20 +124,7 @@ export const MessageDetails: () => JSX.Element = () => {
     {
       label: t('transactionID'),
       value: batch?.payload.tx.id && (
-        <>
-          <HashPopover address={batch.payload.tx.id}></HashPopover>
-          <IconButton
-            className={classes.button}
-            size="large"
-            onClick={() => {
-              history.push(
-                `/namespace/${selectedNamespace}/data/transactions/${batch.payload.tx.id}`
-              );
-            }}
-          >
-            <LaunchIcon />
-          </IconButton>
-        </>
+        <HashPopover address={batch.payload.tx.id}></HashPopover>
       ),
     },