diff options
Diffstat (limited to '')
-rw-r--r-- | browser/components/shopping/content/reliability.mjs | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/browser/components/shopping/content/reliability.mjs b/browser/components/shopping/content/reliability.mjs new file mode 100644 index 0000000000..1e46b30c4b --- /dev/null +++ b/browser/components/shopping/content/reliability.mjs @@ -0,0 +1,48 @@ +/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- + * This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +import { html, ifDefined } from "chrome://global/content/vendor/lit.all.mjs"; + +import { MozLitElement } from "chrome://global/content/lit-utils.mjs"; + +// eslint-disable-next-line import/no-unassigned-import +import "chrome://browser/content/shopping/letter-grade.mjs"; +// eslint-disable-next-line import/no-unassigned-import +import "chrome://browser/content/shopping/shopping-card.mjs"; + +class ReviewReliability extends MozLitElement { + static properties = { + letter: { type: String }, + }; + + static get queries() { + return { + letterGradeEl: "letter-grade", + }; + } + + render() { + if (!this.letter) { + this.hidden = true; + return null; + } + + return html` + <shopping-card + data-l10n-id="shopping-review-reliability-label" + data-l10n-attrs="label" + > + <div slot="content"> + <letter-grade + letter=${ifDefined(this.letter)} + showdescription + ></letter-grade> + </div> + </shopping-card> + `; + } +} + +customElements.define("review-reliability", ReviewReliability); |