import React from 'react' import { mdiDatabaseCheckOutline, mdiDatabaseOffOutline, mdiDatabaseRemoveOutline } from '@mdi/js' import classNames from 'classnames' import { basename, type ChatContextStatus } from '@sourcegraph/cody-shared' import { Icon } from '../../utils/Icon' import styles from './ChatInputContext.module.scss' const formatFilePath = (filePath: string, selection: ChatContextStatus['selectionRange']): string => { const fileName = basename(filePath) if (!selection) { return fileName } const startLine = selection.start.line + 1 const endLine = selection.end.line + 1 if ( startLine === endLine || (startLine + 1 === endLine && selection.end.character === 0) // A single line selected with the cursor at the start of the next line ) { return `${fileName}:${startLine}` } return `${fileName}:${startLine}-${endLine}` } export const ChatInputContext: React.FunctionComponent<{ contextStatus: ChatContextStatus className?: string }> = React.memo(function ChatInputContextContent({ contextStatus, className }) { return (

{!contextStatus.codebase ? ( ) : contextStatus.mode && contextStatus.connection ? ( ) : ( )} {(contextStatus.filePath && ( // eslint-disable-next-line react/forbid-elements

{formatFilePath(contextStatus.filePath, contextStatus.selectionRange)}

)) || ( // eslint-disable-next-line react/forbid-elements

No file selected

)}

) }) const CodebaseState: React.FunctionComponent<{ tooltip: string iconClassName?: string icon: string codebase?: string }> = ({ tooltip, iconClassName, icon, codebase }) => ( // eslint-disable-next-line react/forbid-elements

)