From d4522fafd3063091545646641d4bbb4af64e6620 Mon Sep 17 00:00:00 2001
From: Alexander Polyankin <alexander.polyankin@metabase.com>
Date: Mon, 20 Jun 2022 22:24:01 +0300
Subject: [PATCH] Add a description icon (#23444)
---
.../collections/components/BaseItemsTable.styled.jsx | 4 ++++
.../metabase/collections/components/BaseTableItem.jsx | 9 +++++++++
2 files changed, 13 insertions(+)
diff --git a/frontend/src/metabase/collections/components/BaseItemsTable.styled.jsx b/frontend/src/metabase/collections/components/BaseItemsTable.styled.jsx
index 647c1a9d0c8..9a7d446e618 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 e4c277ea68a..c7992e740fc 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`}>
--
GitLab