From 59ae25cfebd8bdd3f9cd2423654ae0ce3d3a0342 Mon Sep 17 00:00:00 2001 From: pavish Date: Wed, 18 Dec 2024 19:18:04 +0530 Subject: [PATCH] Add information tooltip to export button --- mathesar_ui/src/i18n/languages/en/dict.json | 1 + .../actions-pane/ActionsPane.svelte | 37 +++++++++++++------ 2 files changed, 26 insertions(+), 12 deletions(-) diff --git a/mathesar_ui/src/i18n/languages/en/dict.json b/mathesar_ui/src/i18n/languages/en/dict.json index b1386cc64f..8356419427 100644 --- a/mathesar_ui/src/i18n/languages/en/dict.json +++ b/mathesar_ui/src/i18n/languages/en/dict.json @@ -247,6 +247,7 @@ "explore_your_data": "Explore your Data", "exploring_from": "Exploring from", "export": "Export", + "export_csv_help": "Export the {tableName} table as a CSV file. Your current filters and sorting will be applied to the exported data.", "extract_columns_to_new_table": "{count, plural, one {Extract Column Into a New Table} other {Extract Columns Into a New Table}}", "failed_load_preview": "Failed to load preview", "failed_to_fetch_column_information": "Failed to fetch column information.", diff --git a/mathesar_ui/src/systems/table-view/actions-pane/ActionsPane.svelte b/mathesar_ui/src/systems/table-view/actions-pane/ActionsPane.svelte index 8d1d5e258a..09ca109bd7 100644 --- a/mathesar_ui/src/systems/table-view/actions-pane/ActionsPane.svelte +++ b/mathesar_ui/src/systems/table-view/actions-pane/ActionsPane.svelte @@ -7,7 +7,12 @@ import { iconExport, iconInspector, iconTable } from '@mathesar/icons'; import { tableInspectorVisible } from '@mathesar/stores/localStorage'; import { getTabularDataStoreFromContext } from '@mathesar/stores/table-data'; - import { AnchorButton, Button, Icon } from '@mathesar-component-library'; + import { + AnchorButton, + Button, + Icon, + Tooltip, + } from '@mathesar-component-library'; import FilterDropdown from './record-operations/filter/FilterDropdown.svelte'; import GroupDropdown from './record-operations/group/GroupDropdown.svelte'; @@ -62,17 +67,25 @@ - - - {$_('export')} - + + + + {$_('export')} + + + {$_('export_csv_help', { + values: { tableName: table.name }, + })} + +