Spotify api albums search script

Hi, i created a script for searching albums by artist name. Here is the implementation

let envOptions = {
hint: md(
`You need to [create an app](https://developer.spotify.com/dashboard/applications) to client_id and client_secret`
),
ignoreBlur: true,
secret: true,
};
let client_id = await env("SPOTIFY_CLIENT_ID", envOptions);
let client_secret = await env("SPOTIFY_CLIENT_SECRET", envOptions);
var token = await fetch("https://accounts.spotify.com/api/token", {
method: "POST",
headers: {
"Content-Type": "application/x-www-form-urlencoded",
Accept: "application/json",
Authorization:
"Basic " + new Buffer(client_id + ":" + client_secret).toString("base64"),
},
body: "grant_type=client_credentials",
}).then((res) => res.json());
let GetAlbums = async (artist_name) => {
let tokenResponse = await token.json();
let response = await fetch(
`https://api.spotify.com/v1/search?type=album&include_external=audio&q=${artist_name}`,
{
headers: {
Authorization: "Bearer " + tokenResponse.res.access_token,
"Content-type": "application/json",
},
}
);
let data = await response.json();
};
let artist_name = await args("artist name...");
let albums = await GetAlbums(artist_name);
await div(
`
<div className="grid lg:grid-cols-4 md:grid-cols-2 grid-cols-1 gap-10 p-5 justify-center items-center mx-auto">
{albums.map((album: any) => (
<div className="flex flex-col gap-10 p-5 justify-center items-center mx-auto shadow-sm hover:shadow-2xl transition-shadow duration-500 ease-in-out">
<img src={album.images[0].url} alt="album" />
<h3>{album.name}</h3>
<p>{album.artists[0].name}</p>
</div>
))}
</div>
`
)