SVG Images Added as API Product Thumbnails are not Shown in Devportal

[hisanhunais]

Description

In [1], an issue has been reported such that Thumbnail upload is not working properly for API Products. It is mentioned that, although the uploaded thumbnail is not shown in the Publisher portal, the thumbnail relevant to the API product can be seen in the Devportal.

But, when svg images are uploaded as thumbnails for API products, they are not displayed in the Devportal. When we inspect the network tab when APIs are loaded to the Devportal, we can observe that the svg thumbnail is received from the API call, but it is not displayed.

[1] #1375

Steps to Reproduce

1. Login to Publisher portal
2. Create an API product
3. Upload a svg image as the thumbnail of the API product
4. Publish the API product
5. Go to the Devportal. You can see that the svg thumbnail is not displayed for the created API product
6. Open the network tab of the browser and reload the Devportal landing page. Check the response section of the Thumbnail GET API call. You will observe that the thumbnail is received.

Affected Component

APIM

Version

4.1.0

Environment Details (with versions)

Browser: Firefox 109.0 (64-bit)
OS: Ubuntu 20.04.5 LTS

Relevant Log Output

No response

Related Issues

#1375

Suggested Labels

No response

[hisanhunais]

SVG files are not displayed for APIs as well in the Devportal

[YasasRangika]

Public fixes have been merged with the PRs [1] and [2].

[1] wso2/carbon-apimgt#11872
[2] wso2/apim-apps#442