Merge pull request #73 from iotaledger/fix/indexation-on-visualizer

Fix: Remove legacy indexed message code

Author: brancoder

src/app/App.tsx

@@ -33,8 +33,6 @@ import { AnalyticsRouteProps } from "./routes/AnalyticsRouteProps";
 import Explorer from "./routes/Explorer";
 import Address from "./routes/explorer/Address";
 import { AddressRouteProps } from "./routes/explorer/AddressRouteProps";
-import Indexed from "./routes/explorer/Indexed";
-import { IndexedRouteProps } from "./routes/explorer/IndexedRouteProps";
 import Message from "./routes/explorer/Message";
 import { MessageRouteProps } from "./routes/explorer/MessageRouteProps";
 import Milestone from "./routes/explorer/Milestone";
@@ -399,11 +397,6 @@ class App extends AsyncComponent<RouteComponentProps, AppState> {
                                         component={(props: RouteComponentProps<MilestoneRouteProps>) =>
                                             (<Milestone {...props} />)}
                                     />
-                                    <Route
-                                        path="/explorer/indexed/:index"
-                                        component={(props: RouteComponentProps<IndexedRouteProps>) =>
-                                            (<Indexed {...props} />)}
-                                    />
                                     <Route
                                         path="/explorer/address/:address"
                                         component={(props: RouteComponentProps<AddressRouteProps>) =>

src/app/components/tangle/TaggedDataPayload.tsx

@@ -1,6 +1,5 @@
 import { Converter } from "@iota/util.js";
 import React, { Component, ReactNode } from "react";
-import { Link } from "react-router-dom";
 import { ClipboardHelper } from "../../../utils/clipboardHelper";
 import MessageButton from "../layout/MessageButton";
 import { TaggedDataPayloadProps } from "./TaggedDataPayloadProps";
@@ -53,10 +52,10 @@ class TaggedDataPayload extends Component<TaggedDataPayloadProps, TaggedDataPayl
      */
     public render(): ReactNode {
         return (
-            <div className="indexation-payload">
+            <div className="tagged-data-payload">
                 <h2>Tagged Data Payload</h2>
                 <div className="card--label row middle">
-                    <span className="margin-r-t">Index UTF8 [{this.state.indexLengthBytes}]</span>
+                    <span className="margin-r-t">Tag UTF8 [{this.state.indexLengthBytes}]</span>
                     <MessageButton
                         onClick={() => ClipboardHelper.copy(
                             this.state.utf8Index
@@ -66,16 +65,10 @@ class TaggedDataPayload extends Component<TaggedDataPayloadProps, TaggedDataPayl
                     />
                 </div>
                 <div className="card--value row">
-                    <Link
-                        to={
-                            `/explorer/indexed/${this.props.payload.tag}`
-                        }
-                    >
-                        {this.state.utf8Index}
-                    </Link>
+                    {this.state.utf8Index}
                 </div>
                 <div className="card--label row middle">
-                    <span className="margin-r-t">Index Hex [{this.state.indexLengthBytes}]</span>
+                    <span className="margin-r-t">Tag Hex [{this.state.indexLengthBytes}]</span>
                     <MessageButton
                         onClick={() => ClipboardHelper.copy(
                             this.state.hexIndex.replace(/ /g, "")

src/app/routes/Search.tsx

@@ -158,8 +158,6 @@ class Search extends AsyncComponent<RouteComponentProps<SearchRouteProps>, Searc
                             objParam = Converter.bytesToHex(Blake2b.sum256(writeStream.finalBytes()), true);
                         } else if (response?.address) {
                             objType = "address";
-                        } else if (response.indexMessageIds) {
-                            objType = "indexed";
                         } else if (response.output) {
                             objType = "message";
                             objParam = response.output.messageId;

src/app/routes/Visualizer.tsx

@@ -376,28 +376,16 @@ class Visualizer extends AsyncComponent<RouteComponentProps, VisualizerState> {
                                     this.state.selected.payload.tag && (
                                         <React.Fragment>
                                             <div className="card--label">
-                                                Index UTF8
+                                                Tag UTF8
                                             </div>
                                             <div className="card--value">
-                                                <a
-                                                    href={this.calculateIndexedLink(this.state.selected.payload.tag)}
-                                                    target="_blank"
-                                                    rel="noopener noreferrer"
-                                                >
-                                                    {Converter.hexToUtf8(this.state.selected.payload.tag)}
-                                                </a>
+                                                {Converter.hexToUtf8(this.state.selected.payload.tag)}
                                             </div>
                                             <div className="card--label">
-                                                Index Hex
+                                                Tag Hex
                                             </div>
                                             <div className="card--value">
-                                                <a
-                                                    href={this.calculateIndexedLink(this.state.selected.payload.tag)}
-                                                    target="_blank"
-                                                    rel="noopener noreferrer"
-                                                >
-                                                    {this.state.selected.payload.tag}
-                                                </a>
+                                                {this.state.selected.payload.tag}
                                             </div>
                                         </React.Fragment>
                                     )}
@@ -764,7 +752,7 @@ class Visualizer extends AsyncComponent<RouteComponentProps, VisualizerState> {
                             } else if (payload.type === MILESTONE_PAYLOAD_TYPE) {
                                 payloadTitle = "";
                             } else if (payload.type === TAGGED_DATA_PAYLOAD_TYPE) {
-                                payloadTitle = " - Indexation";
+                                payloadTitle = " - Tagged data";
                             }
                         } else if (node.data.isMilestone) {
                             payloadTitle = " - Checkpoint";
@@ -796,15 +784,6 @@ class Visualizer extends AsyncComponent<RouteComponentProps, VisualizerState> {
             : "";
     }
 
-    /**
-     * Calculate the link for the index.
-     * @param index The payload index.
-     * @returns The url for the index.
-     */
-    private calculateIndexedLink(index: string): string {
-        return `${window.location.protocol}//${window.location.host}/explorer/indexed/${index}`;
-    }
-
     /**
      * Highlight the forward and backwards cones.
      * @param vertexId The node to highlight.