0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Hardcoded string with dropdown removed (#1867)

Browse source 
Co-authored-by: k.morozov <k.morozov@ffin.ru>
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
This commit is contained in:
Kirill Morozov 2022-04-22 07:50:28 +03:00 • committed by GitHub
parent 2a0c8176ab
commit fde88d0034
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
kafka-ui-react-app/src/components/KsqlDb/List/ListItem.tsx
View file

@ -1,5 +1,3 @@
import IconButtonWrapper from 'components/common/Icons/IconButtonWrapper';
import MessageToggleIcon from 'components/common/Icons/MessageToggleIcon';
import React from 'react';
interface Props {
@ -8,30 +6,12 @@ interface Props {
}
const ListItem: React.FC<Props> = ({ accessors, data }) => {
const [isOpen, setIsOpen] = React.useState(false);
const toggleIsOpen = React.useCallback(() => {
setIsOpen((prevState) => !prevState);
}, []);
return (
<>
<tr>
<td>
<IconButtonWrapper onClick={toggleIsOpen}>
<MessageToggleIcon isOpen={isOpen} />
</IconButtonWrapper>
</td>
{accessors.map((accessor) => (
<td key={accessor}>{data[accessor]}</td>
))}
</tr>
{isOpen && (
<tr>
<td colSpan={accessors.length + 1}>Expanding content</td>
</tr>
)}
</>
<tr>
{accessors.map((accessor: string) => (
<td key={accessor}>{data[accessor]}</td>
))}
</tr>
);
};