export default function ChannelControls()

in space-slack-sync/client/src/app/components/channelControls.tsx [12:30]

• 19 lines of code
• 3 McCabe index (conditional complexity)

export default function ChannelControls(props: ChannelControlsProps) {
    return (
        <div className="channelControlContainer">
            {
                props.synced
                    ? <TunnellingIconWithText
                        text="Tunnelling"
                    />
                    : <PendingIconWithText
                        text="Pending"
                    />
            }
            <Spring/>
            {
                props.hasPermissionToStopSync &&
                <div className="binIconContainer" onClick={() => props.onRemoveChannelFromSync()}>
                    <Icon name="delete" specialIconForDarkTheme={true} />
                </div>
            }