Fixes

src/plugins/reviewDB/index.tsx

@@ -20,16 +20,18 @@ import "./style.css";
 
 import { NavContextMenuPatchCallback } from "@api/ContextMenu";
 import ErrorBoundary from "@components/ErrorBoundary";
+import { ExpandableHeader } from "@components/ExpandableHeader";
 import { NotesIcon, OpenExternalIcon } from "@components/Icons";
 import { Devs } from "@utils/constants";
 import { classes } from "@utils/misc";
 import definePlugin from "@utils/types";
 import { findByPropsLazy } from "@webpack";
-import { Alerts, Button, Menu, Parser, TooltipContainer } from "@webpack/common";
+import { Alerts, Button, Menu, Parser, TooltipContainer, useState } from "@webpack/common";
 import { Guild, User } from "discord-types/general";
 
 import { Auth, initAuth, updateAuth } from "./auth";
 import { openReviewsModal } from "./components/ReviewModal";
+import ReviewsView from "./components/ReviewsView";
 import { NotificationType } from "./entities";
 import { getCurrentUserInfo, readNotification } from "./reviewDbApi";
 import { settings } from "./settings";
@@ -76,6 +78,21 @@ export default definePlugin({
     },
 
     patches: [
+        {
+            find: "showBorder:null",
+            replacement: {
+                match: /user:(\i),setNote:\i,canDM.+?\}\)/,
+                replace: "$&,$self.getReviewsComponent($1)"
+            }
+        },
+        {
+            find: /inline:!1,profileViewedAnalytics:\i}\),/,
+            replacement: {
+                match: /currentUser:\i,guild:\i}\)(?<=user:(\i),bio:null==\i\?.+?)/,
+                replace: "$&,$self.getReviewsComponent($1)"
+            },
+            predicate: () => !settings.store.preferButtonOverDropdown
+        },
         {
             find: ".BITE_SIZE,user:",
             replacement: {
@@ -140,6 +157,31 @@ export default definePlugin({
         }, 4000);
     },
 
+    getReviewsComponent: ErrorBoundary.wrap((user: User) => {
+        const [reviewCount, setReviewCount] = useState<number>();
+
+        return (
+            <ExpandableHeader
+                headerText="User Reviews"
+                onMoreClick={() => openReviewsModal(user.id, user.username)}
+                moreTooltipText={
+                    reviewCount && reviewCount > 50
+                        ? `View all ${reviewCount} reviews`
+                        : "Open Review Modal"
+                }
+                onDropDownClick={state => settings.store.reviewsDropdownState = !state}
+                defaultState={settings.store.reviewsDropdownState}
+            >
+                <ReviewsView
+                    discordId={user.id}
+                    name={user.username}
+                    onFetchReviews={r => setReviewCount(r.reviewCount)}
+                    showInput
+                />
+            </ExpandableHeader>
+        );
+    }, { message: "Failed to render Reviews" }),
+
     BiteSizeReviewsButton: ErrorBoundary.wrap(({ user }: { user: User; }) => {
         return (
             <TooltipContainer text="View Reviews">

src/plugins/reviewDB/style.css

@@ -3,10 +3,6 @@
     --vc-rdb-spacing-size: 8px;
 }
 
-[class|="section"]:not([class|="lastSection"])+.vc-rdb-view {
-    margin-top: 12px;
-}
-
 .vc-rdb-badge {
     vertical-align: middle;
     margin-left: 4px;
@@ -184,4 +180,4 @@
 
 .vc-rdb-review:hover>.vc-rdb-buttons {
     opacity: 1;
-}
+}