From d59cc2e29b8c48bf142c39576d2b3288e7128965 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Fri, 17 May 2024 01:15:07 -0700
Subject: [PATCH] show more prompt details (when served)

---
 .../components/src/api/prompts/GetPrompts.ts  |  4 +++-
 .../src/v2/view/pages/media/MediaPage.tsx     | 24 +++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/api/prompts/GetPrompts.ts b/packages/components/src/api/prompts/GetPrompts.ts
index 4c23a579c0..90deaa245a 100644
--- a/packages/components/src/api/prompts/GetPrompts.ts
+++ b/packages/components/src/api/prompts/GetPrompts.ts
@@ -7,7 +7,9 @@ export interface Prompt {
   maybe_positive_prompt?: string,
   maybe_negative_prompt?: string,
   maybe_style_name?: string,
-  promptType: string
+  prompt_type: string,
+  used_face_detailer: boolean,
+  used_upscaler: boolean,
 }
 
 export interface GetPromptsResponse {
diff --git a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
index ea29889c34..e6c556e28d 100644
--- a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
@@ -223,6 +223,30 @@ export default function MediaPage() {
               </div>
             </>
           )}
+          {prompt?.used_face_detailer && (
+            <>
+              <div className="d-flex gap-3 align-items-center mb-2 mt-3">
+                <h6 className="fw-semibold mb-0 flex-grow-1">Used Face Detailer</h6>
+              </div>
+              <div className="panel-inner p-2 rounded">
+                <p className="fs-7">
+                  {prompt?.used_face_detailer}
+                </p>
+              </div>
+            </>
+          )}
+          {prompt?.used_upscaler && (
+            <>
+              <div className="d-flex gap-3 align-items-center mb-2 mt-3">
+                <h6 className="fw-semibold mb-0 flex-grow-1">Used Upscaler</h6>
+              </div>
+              <div className="panel-inner p-2 rounded">
+                <p className="fs-7">
+                  {prompt?.used_upscaler}
+                </p>
+              </div>
+            </>
+          )}
         </Panel>
       )}
     </>