diff --git a/frontend/src/metabase/collections/components/BaseItemsTable.styled.jsx b/frontend/src/metabase/collections/components/BaseItemsTable.styled.jsx index 647c1a9d0c8a2a2c355128b578181e85d873983a..9a7d446e6184112ef42e118a8e20e2432531ffc2 100644 --- a/frontend/src/metabase/collections/components/BaseItemsTable.styled.jsx +++ b/frontend/src/metabase/collections/components/BaseItemsTable.styled.jsx @@ -68,6 +68,10 @@ export const SortingIcon = styled(Icon)` margin-left: 4px; `; +export const DescriptionIcon = styled(Icon)` + color: ${color("text-medium")}; +`; + SortingIcon.defaultProps = { size: 8, }; diff --git a/frontend/src/metabase/collections/components/BaseTableItem.jsx b/frontend/src/metabase/collections/components/BaseTableItem.jsx index e4c277ea68ae4cd0f35c1e0ec087090e14edd10d..c7992e740fc4ae3b878412f1ea2419bee04529c4 100644 --- a/frontend/src/metabase/collections/components/BaseTableItem.jsx +++ b/frontend/src/metabase/collections/components/BaseTableItem.jsx @@ -19,6 +19,7 @@ import { EntityIconCheckBox, ItemLink, TableItemSecondaryField, + DescriptionIcon, } from "./BaseItemsTable.styled"; BaseTableItem.propTypes = { @@ -116,8 +117,16 @@ export function BaseTableItem({ <ItemLink {...linkProps} to={item.getUrl()}> <EntityItem.Name name={item.name} variant="list" /> <PLUGIN_MODERATION.ModerationStatusIcon + size={16} status={item.moderated_status} /> + {item.description && ( + <DescriptionIcon + name="info" + size={16} + tooltip={item.description} + /> + )} </ItemLink> </ItemCell> <ItemCell data-testid={`${testId}-last-edited-by`}>