import React from 'react' ; import styled , { useTheme } from 'styled-components' ; import { Cell } from 'design/DataTable' ; import { Session } from 'teleport/services/ssh' ; import * as Icons from 'design/Icon/Icon' ; import cfg from 'teleport/config' ; export default function renderDescCell ( { sid , login , hostname , clusterId , } ) { const url = cfg . getSshSessionRoute ( { sid , clusterId } ) ; const theme = useTheme ( ) ; const text = `Session is in progress [${ login }@${ hostname }]` ; return ( < Cell > < StyledEventType > < Icons . Cli as = "a" href = { url } target = "_blank" p = "1" mr = "3" bg = "bgTerminal" fontSize = "2" style = { { borderRadius : '50%' , border : `solid 2px ${ theme . colors . success }` , textDecoration : 'none' , } } /> { text } < /StyledEventType> < /Cell>); } const StyledEventType = styled . div `
  display: flex;
  align-items: center;
  min-width: 130px;
` ;