CB-6129 add tooltips (#3202)

* CB-6129 add tooltips

* CB-6129 simplify syntax
This commit is contained in:
alex
2025-01-22 21:46:14 +03:00
committed by GitHub
parent cd7dcb40c8
commit 636ec28312
10 changed files with 27 additions and 11 deletions
@@ -25,17 +25,18 @@ export const TransactionInfoAction: ICustomMenuItemComponent = observer(function
const key = context ? createTransactionInfoParam(context.connectionId, context.projectId, context.id) : null;
const transactionLogCountResource = useResource(TransactionInfoAction, TransactionLogCountResource, key);
const count =
transactionLogCountResource.data === 0 ? translate('plugin_datasource_transaction_manager_logs_counter_none') : transactionLogCountResource.data;
let title: string = translate('plugin_datasource_transaction_manager_logs_tooltip');
if (transactionLogCountResource.data) {
title = `${title}\n${translate('plugin_datasource_transaction_manager_logs_tooltip_count', undefined, { count })}`;
}
return (
<Container
className={s(styles, { container: true })}
title={translate('plugin_datasource_transaction_manager_logs_tooltip')}
keepSize
noGrow
center
onClick={() => props.item.events?.onSelect?.()}
>
<span className={s(styles, { count: true })}>{transactionLogCountResource.data}</span>
<Container className={s(styles, { container: true })} title={title} keepSize noGrow center onClick={() => props.item.events?.onSelect?.()}>
<span className={s(styles, { count: true })}>{count}</span>
</Container>
);
});
@@ -7,4 +7,6 @@
*/
.cell {
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
}
@@ -26,7 +26,7 @@ export const QueryCell = observer<RenderCellProps<TransactionLogInfoItem>>(funct
}
return (
<div className={classes['cell']} onDoubleClick={openDetails}>
<div title={value} className={classes['cell']} onDoubleClick={openDetails}>
{value}
</div>
);
@@ -32,7 +32,7 @@ export const QueryDetailsDialog: DialogComponent<IPayload> = observer(function Q
</CommonDialogBody>
<CommonDialogFooter>
<Button mod={['outlined']} onClick={props.rejectDialog}>
{translate('ui_cancel')}
{translate('ui_stepper_back')}
</Button>
</CommonDialogFooter>
</CommonDialogWrapper>
@@ -20,6 +20,8 @@ interface Props {
log: TransactionLogInfoItem[];
}
const QUERY_COLUMN_WIDTH = 300;
const COLUMNS: Column<TransactionLogInfoItem>[] = [
{
key: 'time',
@@ -39,6 +41,7 @@ const COLUMNS: Column<TransactionLogInfoItem>[] = [
key: 'text',
name: 'plugin_datasource_transaction_manager_logs_table_column_text',
resizable: true,
width: QUERY_COLUMN_WIDTH,
renderCell: props => <QueryCell {...props} />,
renderHeaderCell: props => <HeaderCell {...props} />,
},
@@ -17,6 +17,8 @@ export default [
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
@@ -17,6 +17,8 @@ export default [
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
@@ -17,6 +17,8 @@ export default [
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],
@@ -17,6 +17,8 @@ export default [
['plugin_datasource_transaction_manager_logs', 'Журнал транзакции'],
['plugin_datasource_transaction_manager_logs_tooltip', 'Открыть журнал транзакции'],
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Всего запросов: {arg:count}'],
['plugin_datasource_transaction_manager_logs_counter_none', 'Нет'],
['plugin_datasource_transaction_manager_logs_table_column_time', 'Время'],
['plugin_datasource_transaction_manager_logs_table_column_type', 'Тип'],
['plugin_datasource_transaction_manager_logs_table_column_text', 'Запрос'],
@@ -17,6 +17,8 @@ export default [
['plugin_datasource_transaction_manager_logs', 'Transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip', 'Open transaction log'],
['plugin_datasource_transaction_manager_logs_tooltip_count', 'Total statements: {arg:count}'],
['plugin_datasource_transaction_manager_logs_counter_none', 'None'],
['plugin_datasource_transaction_manager_logs_table_column_time', 'Time'],
['plugin_datasource_transaction_manager_logs_table_column_type', 'Type'],
['plugin_datasource_transaction_manager_logs_table_column_text', 'Query'],