|
1 | 1 | import { EuiText, EuiToolTip } from '@elastic/eui'
|
2 | 2 | import React, { useCallback, useEffect, useState } from 'react'
|
3 | 3 | import { useDispatch, useSelector } from 'react-redux'
|
4 |
| -import { mergeWith, toNumber } from 'lodash' |
| 4 | +import { last, mergeWith, toNumber } from 'lodash' |
5 | 5 |
|
6 |
| -import { formatLongName } from 'uiSrc/utils' |
| 6 | +import { createDeleteFieldHeader, createDeleteFieldMessage, formatLongName } from 'uiSrc/utils' |
7 | 7 | import { streamDataSelector, deleteStreamEntry } from 'uiSrc/slices/browser/stream'
|
8 | 8 | import { ITableColumn } from 'uiSrc/components/virtual-table/interfaces'
|
9 | 9 | import PopoverDelete from 'uiSrc/pages/browser/components/popover-delete/PopoverDelete'
|
@@ -135,7 +135,7 @@ const StreamDataViewWrapper = (props: Props) => {
|
135 | 135 | headerClassName: 'streamItemHeader',
|
136 | 136 | headerCellClassName: 'truncateText',
|
137 | 137 | render: function Id({ id, fields }: StreamEntryDto, expanded: boolean) {
|
138 |
| - const index = toNumber(label.split('-')[1]) |
| 138 | + const index = toNumber(last(label.split('-'))) |
139 | 139 | const values = fields.filter((field) => field[0] === name)
|
140 | 140 | const value = values[index] ? values[index][1] : ''
|
141 | 141 | const cellContent = value.substring(0, 650)
|
@@ -204,14 +204,8 @@ const StreamDataViewWrapper = (props: Props) => {
|
204 | 204 | return (
|
205 | 205 | <div>
|
206 | 206 | <PopoverDelete
|
207 |
| - header={id} |
208 |
| - text={( |
209 |
| - <> |
210 |
| - will be removed from |
211 |
| - {' '} |
212 |
| - <b>{key}</b> |
213 |
| - </> |
214 |
| - )} |
| 207 | + header={createDeleteFieldHeader(id)} |
| 208 | + text={createDeleteFieldMessage(key)} |
215 | 209 | item={id}
|
216 | 210 | suffix={suffix}
|
217 | 211 | deleting={deleting}
|
|
0 commit comments