23 lines
922 B
JavaScript
23 lines
922 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
function UrlMiddle ({publishInChannel, selectedChannel, loggedInChannelName, loggedInChannelShortId}) {
|
|
if (publishInChannel) {
|
|
if (selectedChannel === 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,
|
|
loggedInChannelShortId: PropTypes.string,
|
|
};
|
|
|
|
export default UrlMiddle;
|