New: Indexer history in indexer info modal

2026-04-21 22:25:03 -04:00 · 2023-09-03 14:47:07 -05:00
parent 0f160707d3
commit 3dd3c80b54
27 changed files with 707 additions and 288 deletions
@@ -0,0 +1,83 @@
+import React, { useCallback, useState } from 'react';
+import IconButton from 'Components/Link/IconButton';
+import RelativeDateCell from 'Components/Table/Cells/RelativeDateCell';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import TableRow from 'Components/Table/TableRow';
+import { icons } from 'Helpers/Props';
+import HistoryDetailsModal from 'History/Details/HistoryDetailsModal';
+import HistoryEventTypeCell from 'History/HistoryEventTypeCell';
+import Indexer from 'Indexer/Indexer';
+import { HistoryData } from 'typings/History';
+import translate from 'Utilities/String/translate';
+import styles from './IndexerHistoryRow.css';
+
+interface IndexerHistoryRowProps {
+  data: HistoryData;
+  date: string;
+  eventType: string;
+  successful: boolean;
+  indexer: Indexer;
+  shortDateFormat: string;
+  timeFormat: string;
+}
+
+function IndexerHistoryRow(props: IndexerHistoryRowProps) {
+  const {
+    data,
+    date,
+    eventType,
+    successful,
+    indexer,
+    shortDateFormat,
+    timeFormat,
+  } = props;
+
+  const [isDetailsModalOpen, setIsDetailsModalOpen] = useState(false);
+
+  const onDetailsModalPress = useCallback(() => {
+    setIsDetailsModalOpen(true);
+  }, [setIsDetailsModalOpen]);
+
+  const onDetailsModalClose = useCallback(() => {
+    setIsDetailsModalOpen(false);
+  }, [setIsDetailsModalOpen]);
+
+  return (
+    <TableRow>
+      <HistoryEventTypeCell
+        indexer={indexer}
+        eventType={eventType}
+        data={data}
+        successful={successful}
+      />
+
+      <TableRowCell className={styles.query}>{data.query}</TableRowCell>
+
+      <RelativeDateCell date={date} />
+
+      <TableRowCell className={styles.source}>
+        {data.source ? data.source : null}
+      </TableRowCell>
+
+      <TableRowCell className={styles.details}>
+        <IconButton
+          name={icons.INFO}
+          onPress={onDetailsModalPress}
+          title={translate('HistoryDetails')}
+        />
+      </TableRowCell>
+
+      <HistoryDetailsModal
+        isOpen={isDetailsModalOpen}
+        eventType={eventType}
+        data={data}
+        indexer={indexer}
+        shortDateFormat={shortDateFormat}
+        timeFormat={timeFormat}
+        onModalClose={onDetailsModalClose}
+      />
+    </TableRow>
+  );
+}
+
+export default IndexerHistoryRow;