From fa846513c9b8237af52f52a9c4a8bcecc11acc02 Mon Sep 17 00:00:00 2001
From: QooQooDass <bindong.kim@navercorp.com>
Date: Thu, 13 Jun 2024 11:53:52 +0900
Subject: [PATCH] [#11145] Change server-error-response field

---
 .../main/v3/packages/constants/src/types/ErrorResponse.ts    | 5 ++---
 .../packages/ui/src/components/Error/ErrorDetailDialog.tsx   | 4 +---
 .../main/v3/packages/ui/src/components/Error/ErrorToast.tsx  | 4 ++--
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/web-frontend/src/main/v3/packages/constants/src/types/ErrorResponse.ts b/web-frontend/src/main/v3/packages/constants/src/types/ErrorResponse.ts
index 294285798ebe..7b658b1990d9 100644
--- a/web-frontend/src/main/v3/packages/constants/src/types/ErrorResponse.ts
+++ b/web-frontend/src/main/v3/packages/constants/src/types/ErrorResponse.ts
@@ -1,15 +1,14 @@
 export type ErrorResponse = {
   timestamp: number;
   status: number;
-  error: string;
+  title: string;
   exception: string;
   trace: string;
   message: string;
-  path: string;
+  instance: string;
   data: {
     requestInfo: {
       method: string;
-      url: string;
       headers: { [key: string]: string[] };
       parameters: { [key: string]: string[] };
     };
diff --git a/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorDetailDialog.tsx b/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorDetailDialog.tsx
index e0f113d6ffcf..c18af2808ae2 100644
--- a/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorDetailDialog.tsx
+++ b/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorDetailDialog.tsx
@@ -48,15 +48,13 @@ export const ErrorDetailDialog = ({
               <div className="w-1 h-4 rounded-sm bg-status-fail" />
               Error Details
             </h4>
-            <p className="text-sm font-semibold text-muted-foreground">{error?.path}</p>
+            <p className="text-sm font-semibold text-muted-foreground">{error?.instance}</p>
             <p className="text-sm break-all text-muted-foreground">{error?.message}</p>
           </div>
           <Separator />
           {error?.data && (
             <div className="grid gap-2 text-sm scrollbar-hide">
               <div className="grid grid-cols-[7rem_auto] gap-2">
-                <div className="text-muted-foreground">URL</div>
-                <div>{error.data.requestInfo.url}</div>
                 <div className="text-muted-foreground">Method</div>
                 <div>{error.data.requestInfo.method}</div>
               </div>
diff --git a/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorToast.tsx b/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorToast.tsx
index db7820561411..4518d8354ea4 100644
--- a/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorToast.tsx
+++ b/web-frontend/src/main/v3/packages/ui/src/components/Error/ErrorToast.tsx
@@ -17,9 +17,9 @@ export const ErrorToast = ({ error, title, className }: ErrorToastProps) => {
       <div>
         {title ? title : t('COMMON.SOMETHING_WENT_WRONG')}:
         <br />
-        {error?.path && (
+        {error?.instance && (
           <>
-            <span className="font-semibold items">{error.path}</span>
+            <span className="font-semibold items">{error.instance}</span>
           </>
         )}
       </div>