midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Reformat all files with prettier

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-09-08 21:40:48 +02:00
parent e22d189376
commit b541d3eab4
382 changed files with 50893 additions and 35566 deletions
Download patch file Download diff file Expand all files Collapse all files

58
UI/Reviews/ReviewElement.ts
View file

@ -1,54 +1,50 @@
import {UIEventSource} from "../../Logic/UIEventSource";
import {Review} from "../../Logic/Web/Review";
import Combine from "../Base/Combine";
import Translations from "../i18n/Translations";
import SingleReview from "./SingleReview";
import BaseUIElement from "../BaseUIElement";
import Img from "../Base/Img";
import {VariableUiElement} from "../Base/VariableUIElement";
import Link from "../Base/Link";
import { UIEventSource } from "../../Logic/UIEventSource"
import { Review } from "../../Logic/Web/Review"
import Combine from "../Base/Combine"
import Translations from "../i18n/Translations"
import SingleReview from "./SingleReview"
import BaseUIElement from "../BaseUIElement"
import Img from "../Base/Img"
import { VariableUiElement } from "../Base/VariableUIElement"
import Link from "../Base/Link"
/**
* Shows the reviews and scoring base on mangrove.reviews
* The middle element is some other component shown in the middle, e.g. the review input element
*/
export default class ReviewElement extends VariableUiElement {
constructor(subject: string, reviews: UIEventSource<Review[]>, middleElement: BaseUIElement) {
super(
reviews.map(revs => {
const elements = [];
revs.sort((a, b) => (b.date.getTime() - a.date.getTime())); // Sort with most recent first
const avg = (revs.map(review => review.rating).reduce((a, b) => a + b, 0) / revs.length);
reviews.map((revs) => {
const elements = []
revs.sort((a, b) => b.date.getTime() - a.date.getTime()) // Sort with most recent first
const avg =
revs.map((review) => review.rating).reduce((a, b) => a + b, 0) / revs.length
elements.push(
new Combine([
SingleReview.GenStars(avg),
new Link(
revs.length === 1 ? Translations.t.reviews.title_singular.Clone() :
Translations.t.reviews.title
.Subs({count: "" + revs.length}),
revs.length === 1
? Translations.t.reviews.title_singular.Clone()
: Translations.t.reviews.title.Subs({ count: "" + revs.length }),
`https://mangrove.reviews/search?sub=${encodeURIComponent(subject)}`,
true
),
])
]).SetClass("font-2xl flex justify-between items-center pl-2 pr-2")
)
.SetClass("font-2xl flex justify-between items-center pl-2 pr-2"));
elements.push(middleElement)
elements.push(middleElement);
elements.push(...revs.map(review => new SingleReview(review)));
elements.push(...revs.map((review) => new SingleReview(review)))
elements.push(
new Combine([
Translations.t.reviews.attribution.Clone(),
new Img('./assets/mangrove_logo.png')
])
new Img("./assets/mangrove_logo.png"),
]).SetClass("review-attribution")
)
.SetClass("review-attribution"))
return new Combine(elements).SetClass("block");
return new Combine(elements).SetClass("block")
})
);
)
}
}
}