opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-09-21 00:44:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

Internationalisation: Mark up @grafana/sql package (#105842)

Browse Source 
* scaffolding for package

* crowdin scaffolding

* markup

* add translations

* fix locale location

* fix tsconfig?

* undo bundler change

* object tranlsations, expose loadResources and call in mssql

* prettier

* remove useTranslate

* extract translations

* last couple of fixes

* remove deleted files
This commit is contained in:
Ashley Harrison
2025-06-12 10:52:04 +01:00
committed by GitHub
parent c42c89d5e4
commit 84eafb9a56
31 changed files with 405 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/grafana-sql/src/components/visual-query-builder/OrderByRow.tsx
View File

@ -3,6 +3,7 @@ import { useCallback } from 'react';
import * as React from 'react';
import { SelectableValue, toOption } from '@grafana/data';
import { t } from '@grafana/i18n';
import { EditorField, InputGroup } from '@grafana/plugin-ui';
import { Input, RadioButtonGroup, Select, Space } from '@grafana/ui';
@ -59,10 +60,10 @@ export function OrderByRow({ sql, onSqlChange, columns, showOffset }: OrderByRow
return (
<>
<EditorField label="Order by" width={25}>
<EditorField label={t('components.order-by-row.label-order-by', 'Order by')} width={25}>
<InputGroup>
<Select
aria-label="Order by"
aria-label={t('components.order-by-row.aria-label-order-by', 'Order by')}
options={columns}
value={sql.orderBy?.property.name ? toOption(sql.orderBy.property.name) : null}
isClearable
@ -80,11 +81,11 @@ export function OrderByRow({ sql, onSqlChange, columns, showOffset }: OrderByRow
/>
</InputGroup>
</EditorField>
<EditorField label="Limit" optional width={25}>
<EditorField label={t('components.order-by-row.label-limit', 'Limit')} optional width={25}>
<Input type="number" min={0} id={uniqueId('limit-')} value={sql.limit || ''} onChange={onLimitChange} />
</EditorField>
{showOffset && (
<EditorField label="Offset" optional width={25}>
<EditorField label={t('components.order-by-row.label-offset', 'Offset')} optional width={25}>
<Input type="number" id={uniqueId('offset-')} value={sql.offset || ''} onChange={onOffsetChange} />
</EditorField>
)}