diff --git a/src/ui/component/claimTags/view.jsx b/src/ui/component/claimTags/view.jsx index dde5d7382..7e5b20401 100644 --- a/src/ui/component/claimTags/view.jsx +++ b/src/ui/component/claimTags/view.jsx @@ -42,6 +42,10 @@ export default function ClaimTags(props: Props) { } } + if (!tagsToDisplay.length) { + return null; + } + return (
{tagsToDisplay.map(tag => ( diff --git a/src/ui/component/expandable/view.jsx b/src/ui/component/expandable/view.jsx index 607e713a8..15b0fe37a 100644 --- a/src/ui/component/expandable/view.jsx +++ b/src/ui/component/expandable/view.jsx @@ -4,9 +4,7 @@ import classnames from 'classnames'; import Button from 'component/button'; import { useRect } from '@reach/rect'; -// Note: -// When we use this in other parts of the app, we will probably need to -// add props for collapsed height +const COLLAPSED_HEIGHT = 120; type Props = { children: React$Node | Array, @@ -24,7 +22,7 @@ export default function Expandable(props: Props) { return (
- {rect && rect.height > 120 ? ( + {rect && rect.height > COLLAPSED_HEIGHT ? (