Merge pull request #632 from ProteinsWebTeam/ts-table-tree

Ts table tree

src/components/Protein/ProteinListFilters/TaxonomyFilter/ExtraTaxonomyOption/index.tsx

@@ -27,7 +27,11 @@ const ExtraTaxonomyOption = ({
   <TaxonomyOption
     taxId={taxId}
     checked={!!checked}
-    title={data?.payload?.metadata?.name?.name || taxId}
+    title={
+      (typeof data?.payload?.metadata?.name === 'string'
+        ? data?.payload?.metadata?.name
+        : data?.payload?.metadata?.name?.name) || taxId
+    }
     onChange={onChange}
     isStale={!!isStale}
     loading={data!.loading}

src/components/Table/views/Tree/DataProvider/index.tsx

@@ -0,0 +1,40 @@
+import { PureComponent } from 'react';
+
+type Props<Payload = unknown> = {
+  taxID?: string;
+  sendData: (taxID: string, payload: Payload) => void;
+};
+export interface DataProviderLoadedProps<Payload = unknown>
+  extends Props<Payload>,
+    LoadDataProps<Payload> {}
+
+class DataProvider<Payload = unknown> extends PureComponent<
+  DataProviderLoadedProps<Payload>
+> {
+  _sent: boolean = false;
+
+  componentDidMount() {
+    this._sendDataUpIfAny();
+  }
+
+  componentDidUpdate({ data }: DataProviderLoadedProps<Payload>) {
+    if (this.props.data?.payload !== data?.payload) this._sendDataUpIfAny();
+  }
+
+  _sendDataUpIfAny = () => {
+    if (this._sent) return;
+    const { taxID, data, sendData } = this.props;
+    if (!taxID) return;
+    const { loading, payload } = data || {};
+    if (!loading && payload) {
+      this._sent = true;
+      sendData(taxID, payload);
+    }
+  };
+
+  render() {
+    return null;
+  }
+}
+
+export default DataProvider;