diff --git a/superset-frontend/src/SqlLab/components/App/index.jsx b/superset-frontend/src/SqlLab/components/App/index.jsx
index 406ad740bd5c..bce43f477800 100644
--- a/superset-frontend/src/SqlLab/components/App/index.jsx
+++ b/superset-frontend/src/SqlLab/components/App/index.jsx
@@ -83,12 +83,14 @@ class App extends React.PureComponent {
this.props.actions.addDangerToast(
t(
"SQL Lab uses your browser's local storage to store queries and results." +
- `\n Currently, you are using ${currentUsage.toFixed(
- 2,
- )} KB out of ${LOCALSTORAGE_MAX_USAGE_KB} KB. storage space.` +
- '\n To keep SQL Lab from crashing, please delete some query tabs.' +
- '\n You can re-access these queries by using the Save feature before you delete the tab. ' +
- 'Note that you will need to close other SQL Lab windows before you do this.',
+ '\nCurrently, you are using %(currentUsage)s KB out of %(maxStorage)d KB storage space.' +
+ '\nTo keep SQL Lab from crashing, please delete some query tabs.' +
+ '\nYou can re-access these queries by using the Save feature before you delete the tab.' +
+ '\nNote that you will need to close other SQL Lab windows before you do this.',
+ {
+ currentUsage: currentUsage.toFixed(2),
+ maxStorage: LOCALSTORAGE_MAX_USAGE_KB,
+ },
),
);
}
diff --git a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
index 987d87ea3007..2d15efc09be2 100644
--- a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
@@ -581,22 +581,22 @@ export default class ResultSet extends React.PureComponent<
const isAdmin = !!this.props.user?.roles?.Admin;
const displayMaxRowsReachedMessage = {
withAdmin: t(
- `The number of results displayed is limited to %(rows)d by the configuration DISPLAY_MAX_ROWS. `,
+ 'The number of results displayed is limited to %(rows)d by the configuration DISPLAY_MAX_ROWS. ',
{ rows },
).concat(
t(
- `Please add additional limits/filters or download to csv to see more rows up to `,
+ 'Please add additional limits/filters or download to csv to see more rows up to ',
),
- t(`the %(limit)d limit.`, { limit }),
+ t('the %(limit)d limit.', { limit }),
),
withoutAdmin: t(
- `The number of results displayed is limited to %(rows)d. `,
+ 'The number of results displayed is limited to %(rows)d. ',
{ rows },
).concat(
t(
- `Please add additional limits/filters, download to csv, or contact an admin `,
+ 'Please add additional limits/filters, download to csv, or contact an admin ',
),
- t(`to see more rows up to the %(limit)d limit.`, {
+ t('to see more rows up to the %(limit)d limit.', {
limit,
}),
),
@@ -609,7 +609,7 @@ export default class ResultSet extends React.PureComponent<
limitMessage = (
{t(
- `The number of rows displayed is limited to %(rows)d by the query`,
+ 'The number of rows displayed is limited to %(rows)d by the query',
{ rows },
)}
@@ -621,7 +621,7 @@ export default class ResultSet extends React.PureComponent<
limitMessage = (
{t(
- `The number of rows displayed is limited to %(rows)d by the limit dropdown.`,
+ 'The number of rows displayed is limited to %(rows)d by the limit dropdown.',
{ rows },
)}
@@ -630,7 +630,7 @@ export default class ResultSet extends React.PureComponent<
limitMessage = (
{t(
- `The number of rows displayed is limited to %(rows)d by the query and limit dropdown.`,
+ 'The number of rows displayed is limited to %(rows)d by the query and limit dropdown.',
{ rows },
)}
@@ -640,17 +640,17 @@ export default class ResultSet extends React.PureComponent<
{!limitReached && !shouldUseDefaultDropdownAlert && (
- {t(`%(rows)d rows returned`, { rows })} {limitMessage}
+ {t('%(rows)d rows returned', { rows })} {limitMessage}
)}
{!limitReached && shouldUseDefaultDropdownAlert && (