From 84ec839b041a0da2a7a950c47f003d5bebfe4685 Mon Sep 17 00:00:00 2001 From: Manti <67705577+mantikafasi@users.noreply.github.com> Date: Wed, 16 Nov 2022 02:40:46 +0300 Subject: Add ReviewDB Plugin (#187) Co-authored-by: Ven --- src/plugins/reviewDB/components/MessageButton.tsx | 43 ++++++++ .../reviewDB/components/ReviewComponent.tsx | 112 +++++++++++++++++++++ src/plugins/reviewDB/components/ReviewsView.tsx | 83 +++++++++++++++ 3 files changed, 238 insertions(+) create mode 100644 src/plugins/reviewDB/components/MessageButton.tsx create mode 100644 src/plugins/reviewDB/components/ReviewComponent.tsx create mode 100644 src/plugins/reviewDB/components/ReviewsView.tsx (limited to 'src/plugins/reviewDB/components') diff --git a/src/plugins/reviewDB/components/MessageButton.tsx b/src/plugins/reviewDB/components/MessageButton.tsx new file mode 100644 index 0000000..7d16630 --- /dev/null +++ b/src/plugins/reviewDB/components/MessageButton.tsx @@ -0,0 +1,43 @@ +/* + * Vencord, a modification for Discord's desktop app + * Copyright (c) 2022 Vendicated and contributors + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . +*/ + +import { classes, LazyComponent } from "../../../utils/misc"; +import { findByProps } from "../../../webpack"; + +export default LazyComponent(() => { + const { button, dangerous } = findByProps("button", "wrapper", "disabled"); + + return function MessageButton(props) { + return props.type === "delete" + ? ( +
+ + + + +
+ ) + : ( +
props.callback()}> + + + +
+ ); + }; +}); diff --git a/src/plugins/reviewDB/components/ReviewComponent.tsx b/src/plugins/reviewDB/components/ReviewComponent.tsx new file mode 100644 index 0000000..058ac4c --- /dev/null +++ b/src/plugins/reviewDB/components/ReviewComponent.tsx @@ -0,0 +1,112 @@ +/* + * Vencord, a modification for Discord's desktop app + * Copyright (c) 2022 Vendicated and contributors + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . +*/ + +import { classes, LazyComponent } from "../../../utils/misc"; +import { filters, findBulk } from "../../../webpack"; +import { Alerts, UserStore } from "../../../webpack/common"; +import { Review } from "../entities/Review"; +import { deleteReview, reportReview } from "../Utils/ReviewDBAPI"; +import { canDeleteReview, openUserProfileModal, showToast } from "../Utils/Utils"; +import MessageButton from "./MessageButton"; + +export default LazyComponent(() => { + // this is terrible, blame mantika + const p = filters.byProps; + const [ + { cozyMessage, buttons, message, groupStart }, + { container, isHeader }, + { avatar, clickable, username, messageContent, wrapper, cozy }, + { contents }, + buttonClasses, + { defaultColor } + ] = findBulk( + p("cozyMessage"), + p("container", "isHeader"), + p("avatar", "zalgo"), + p("contents"), + p("button", "wrapper", "disabled"), + p("defaultColor") + ); + + return function ReviewComponent({ review, refetch }: { review: Review; refetch(): void; }) { + function openModal() { + openUserProfileModal(review.senderdiscordid); + } + + function delReview() { + Alerts.show({ + title: "Are you sure?", + body: "Do you really want to delete this review?", + confirmText: "Delete", + cancelText: "Nevermind", + onConfirm: () => { + deleteReview(review.id).then(res => { + if (res.successful) { + refetch(); + } + showToast(res.message); + }); + } + }); + } + + function reportRev() { + Alerts.show({ + title: "Are you sure?", + body: "Do you really you want to report this review?", + confirmText: "Report", + cancelText: "Nevermind", + confirmColor: "red", + onConfirm: () => reportReview(review.id) + }); + } + + return ( +
+
+ + openModal()} + > + {review.username} + +

+ {review.comment} +

+
+
+ + {canDeleteReview(review, UserStore.getCurrentUser().id) && ( + + )} +
+
+
+
+ ); + }; +}); diff --git a/src/plugins/reviewDB/components/ReviewsView.tsx b/src/plugins/reviewDB/components/ReviewsView.tsx new file mode 100644 index 0000000..9fe7b9e --- /dev/null +++ b/src/plugins/reviewDB/components/ReviewsView.tsx @@ -0,0 +1,83 @@ +/* + * Vencord, a modification for Discord's desktop app + * Copyright (c) 2022 Vendicated and contributors + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . +*/ + +import type { KeyboardEvent } from "react"; + +import { lazyWebpack, useAwaiter } from "../../../utils/misc"; +import { Forms, Text } from "../../../webpack/common"; +import { addReview, getReviews } from "../Utils/ReviewDBAPI"; +import ReviewComponent from "./ReviewComponent"; + +const Classes = lazyWebpack(m => typeof m.textarea === "string"); + +export default function ReviewsView({ userId }: { userId: string; }) { + const [reviews, _, isLoading, refetch] = useAwaiter(() => getReviews(userId), []); + + if (isLoading) return null; + + function onKeyPress({ key, target }: KeyboardEvent) { + if (key === "Enter") { + addReview({ + userid: userId, + comment: (target as HTMLInputElement).value, + star: -1 + }).then(res => { + if (res === 0 || res === 1) { + (target as HTMLInputElement).value = ""; // clear the input + refetch(); + } + }); + } + } + + return ( + <> + + User Reviews + + {reviews?.map(review => + + )} + {reviews?.length === 0 && ( + + Looks like nobody reviewed this user yet. You could be the first! + + )} +