I am getting an api response of the form 

```
{
    "mobile": [
        {
            "resolution": "S240p",
            "url": "Sample_url1"
        },
        {
            "resolution": "M360p",
            "url": "Sample_url2"
        },
        {
            "resolution": "HD720p",
            "url": "Sample_url3"
        }
    ]
}

```

However from the Front-end i need to display it as S: 240p instead of just S240p , Below is the code in React , Is there any way to achieve this from the Front-End .

```
Mobile.js

isMobile ? dpi_url && 
    dpi_url.mobile.map((value, index) => (
       <Link
            download
            onClick={this.downloadModal}
            href={value.url}
         >                         
         <div className="url_name" key={index}>
            {value.resolution}
         </div>
      </Link>                           
    ))
 : null

```

Expected result should be S: 240p but i am getting S240p