FUI - Getting language from content-type header in GQL console (#2759)

Azure · Jan 30, 2025 · a7e6dbf · a7e6dbf
1 parent dc1449a
commit a7e6dbf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/apis/list-of-apis/react/runtime/ApisTable.tsx b/src/components/apis/list-of-apis/react/runtime/ApisTable.tsx
@@ -38,7 +38,7 @@ const TableBodyApis = ({ showApiType, apis, getReferenceUrl, detailsPageTarget }
                             {!!api.apiVersion && " - " + api.apiVersion}
                         </a>
                     </TableCell>
-                    <TableCell style={{padding: ".5rem 0"}}>
+                    <TableCell>
                         <MarkdownProcessor markdownToDisplay={api.description} maxChars={markdownMaxCharsMap.table} />
                     </TableCell>
                     {showApiType && <TableCell>{api.typeName}</TableCell>}

diff --git a/src/components/operations/operation-details/react/runtime/OperationConsoleGql.tsx b/src/components/operations/operation-details/react/runtime/OperationConsoleGql.tsx
@@ -314,7 +314,13 @@ export const OperationConsoleGql = ({
                 response = await sendFromBrowser(request);
             }
 
-            const responseLanguageValue = response.headers?.find(x => x.name === KnownHttpHeaders.ContentType)?.value;
+            const contentTypeHeader = response.headers?.get(x => x.name === KnownHttpHeaders.ContentType);
+            const mimeType = contentTypeHeader?.split(';').split('/');
+            const responseLanguageValue = ["css", "javascript", "json", "xml"].includes(mimeType[1]) ? mimeType[1] : "html";
+
+            console.log('response lang', contentTypeHeader, mimeType, responseLanguageValue);
+
+
             const responseStr = Buffer.from(response.body.buffer).toString();
             setSelectedTab(ConsoleTab.response);
             setResponse(responseStr);

diff --git a/src/components/operations/operation-details/react/runtime/operation-console/ConsoleBody.tsx b/src/components/operations/operation-details/react/runtime/operation-console/ConsoleBody.tsx
@@ -38,7 +38,7 @@ export const ConsoleBody = ({
     const [file, setFile] = useState<File>(binary);
     const [bodyFormatState, setBodyFormatState] = useState<RequestBodyType>(bodyFormat ?? RequestBodyType.raw);
     const [selectedRepresentation, setSelectedRepresentation] = useState<ConsoleRepresentation>(representations?.[0] ?? null);
-    const [selectedRepresentationId, setSelectedRepresentationId] = useState<string>(selectedRepresentation?.typeName + "+" + selectedRepresentation?.contentType ?? "");
+    const [selectedRepresentationId, setSelectedRepresentationId] = useState<string>(selectedRepresentation ? selectedRepresentation.typeName + "+" + selectedRepresentation.contentType : "");
     const [initialBody, setInitialBody] = useState<string>(selectedRepresentation?.sample ?? "");
     const [isBodyEdited, setIsBodyEdited] = useState<boolean>(
         (bodyFormat === RequestBodyType.raw && body !== initialBody) || (bodyFormat === RequestBodyType.binary && binary !== null) || false
@@ -48,7 +48,7 @@ export const ConsoleBody = ({
         setFile(binary);
         setBodyFormatState(bodyFormat);
         setSelectedRepresentation(representations[0] ?? null);
-        setSelectedRepresentationId(representations[0]?.typeName + "+" + representations[0]?.contentType ?? "");
+        setSelectedRepresentationId(representations[0] ? representations[0].typeName + "+" + representations[0].contentType : "");
         setInitialBody(representations[0]?.sample ?? "");
     }, [binary, bodyFormat, representations]);