mirror of
https://github.com/pybricks/pybricks-code.git
synced 2026-09-14 10:35:11 +00:00
David Lechner
f39dea36fe
55e724e8d8 introduced <p> elements on
notifications. however this is undesirable on the notification action
text. This splits the Notification component into one that is pre change
and one that is post change.
Fixes #394
25 lines
662 B
TypeScript
25 lines
662 B
TypeScript
// SPDX-License-Identifier: MIT
|
|
// Copyright (c) 2021 The Pybricks Authors
|
|
|
|
// provides translation for notification text
|
|
|
|
import { Replacements, useI18n } from '@shopify/react-i18n';
|
|
import React from 'react';
|
|
import { MessageId } from './i18n';
|
|
import en from './i18n.en.json';
|
|
|
|
type OwnProps = {
|
|
messageId: MessageId;
|
|
replacements?: Replacements;
|
|
};
|
|
|
|
export default function NotificationAction(props: OwnProps): JSX.Element {
|
|
const [i18n] = useI18n({
|
|
id: 'notification',
|
|
translations: { en },
|
|
fallback: en,
|
|
});
|
|
const { messageId, replacements } = props;
|
|
return <>{i18n.translate(messageId, replacements)}</>;
|
|
}
|