diff --git a/ui/component/uriIndicator/view.jsx b/ui/component/uriIndicator/view.jsx index 3ebc176c5..7f7f1f100 100644 --- a/ui/component/uriIndicator/view.jsx +++ b/ui/component/uriIndicator/view.jsx @@ -1,6 +1,7 @@ // @flow import type { Node } from 'react'; import React from 'react'; +import classnames from 'classnames'; import Button from 'component/button'; import Tooltip from 'component/common/tooltip'; import ClaimPreview from 'component/claimPreview'; @@ -17,6 +18,7 @@ type Props = { uri: string, // to allow for other elements to be nested within the UriIndicator children: ?Node, + inline: boolean, }; class UriIndicator extends React.PureComponent { @@ -41,7 +43,7 @@ class UriIndicator extends React.PureComponent { }; render() { - const { link, isResolvingUri, claim, addTooltip, children } = this.props; + const { link, isResolvingUri, claim, addTooltip, children, inline } = this.props; if (!claim) { return {isResolvingUri ? 'Validating...' : 'Unused'}; @@ -50,7 +52,7 @@ class UriIndicator extends React.PureComponent { const isChannelClaim = claim.value_type === 'channel'; if (!claim.signing_channel && !isChannelClaim) { - return Anonymous; + return Anonymous; } const channelClaim = isChannelClaim ? claim : claim.signing_channel; @@ -59,7 +61,7 @@ class UriIndicator extends React.PureComponent { const { name } = channelClaim; const channelLink = link ? channelClaim.canonical_url || channelClaim.permanent_url : false; - const inner = {name}; + const inner = {name}; if (!channelLink) { return inner; diff --git a/ui/modal/modalSendTip/view.jsx b/ui/modal/modalSendTip/view.jsx index 97bf80116..7b45d4926 100644 --- a/ui/modal/modalSendTip/view.jsx +++ b/ui/modal/modalSendTip/view.jsx @@ -27,7 +27,7 @@ class ModalSendTip extends React.PureComponent { ) : ( , + url: , }} > Send a tip to %url% diff --git a/ui/scss/component/_channel.scss b/ui/scss/component/_channel.scss index c91fbbb10..98fd2199f 100644 --- a/ui/scss/component/_channel.scss +++ b/ui/scss/component/_channel.scss @@ -154,3 +154,7 @@ $metadata-z-index: 1; z-index: $metadata-z-index; flex-wrap: wrap; } + +.channel-name--inline { + margin-left: var(--spacing-xsmall); +}