23 lines
907 B
JavaScript
23 lines
907 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
function UrlMiddle ({publishInChannel, loggedInChannelName, loggedInChannelShortId}) {
|
|
if (publishInChannel) {
|
|
if (loggedInChannelName) {
|
|
return <span id="url-channel" className="url-text--secondary">{loggedInChannelName}:{loggedInChannelShortId} /</span>;
|
|
}
|
|
return <span id="url-channel-placeholder" className="url-text--secondary tooltip">@channel<span
|
|
className="tooltip-text">Select a channel below</span> /</span>;
|
|
}
|
|
return (
|
|
<span id="url-no-channel-placeholder" className="url-text--secondary tooltip">xyz<span className="tooltip-text">This will be a random id</span> /</span>
|
|
);
|
|
}
|
|
|
|
UrlMiddle.propTypes = {
|
|
publishInChannel : PropTypes.bool.isRequired,
|
|
loggedInChannelName : PropTypes.string.isRequired,
|
|
loggedInChannelShortId: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default UrlMiddle;
|