From a049b9e13952030c5ff20727ca0de87b693de333 Mon Sep 17 00:00:00 2001
From: Razze <razzeee@gmail.com>
Date: Wed, 31 Jan 2024 00:42:28 +0100
Subject: [PATCH] Show install command to moderators

---
 .../src/components/moderation/ReviewCard.stories.tsx     | 2 +-
 frontend/src/components/moderation/ReviewCard.tsx        | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/moderation/ReviewCard.stories.tsx b/frontend/src/components/moderation/ReviewCard.stories.tsx
index 730d040b2..83473dc5e 100644
--- a/frontend/src/components/moderation/ReviewCard.stories.tsx
+++ b/frontend/src/components/moderation/ReviewCard.stories.tsx
@@ -13,7 +13,7 @@ const queryClient = new QueryClient({
 const request_id = 1
 
 export default {
-  title: "Components/Moderation/ReviewRow",
+  title: "Components/Moderation/ReviewCard",
   component: ReviewCard,
   decorators: [
     (Story) => {
diff --git a/frontend/src/components/moderation/ReviewCard.tsx b/frontend/src/components/moderation/ReviewCard.tsx
index d91445021..d123a78e1 100644
--- a/frontend/src/components/moderation/ReviewCard.tsx
+++ b/frontend/src/components/moderation/ReviewCard.tsx
@@ -12,6 +12,7 @@ import { ModerationRequestResponse } from "src/codegen/model"
 import { moderationApi } from "src/api"
 import { useMutation } from "@tanstack/react-query"
 import Modal from "../Modal"
+import CodeCopy from "../application/CodeCopy"
 
 interface Props {
   title: string
@@ -220,6 +221,14 @@ const ReviewCard: FunctionComponent<Props> = ({ title, request, children }) => {
 
         {children}
 
+        {user.info && user.info.is_moderator && (
+          <CodeCopy
+            className="mt-8"
+            nested
+            text={`flatpak install --user https://dl.flathub.org/build-repo/${request.build_id}/${request.app_id}.flatpakref`}
+          />
+        )}
+
         <div className="flex flex-col sm:flex-row-reverse gap-2 pt-4">
           {buttons}
         </div>