get artist details deprecated...in rapid api..version 2 is working but how to implement

[adrianhajdin]

get artist details deprecated...in rapid api..version 2 is working but how to implement

[builtbybo]

I fixed this by editing the baseUrl to: baseUrl: 'https://shazam-core.p.rapidapi.com',
and then editing the builder queries like so:
getTopCharts: builder.query({ query: () => '/v1/charts/world' }),
...
getArtistDetails: builder.query({ query: (artistId) =>'/v2/artists/details?artist_id=${artistId}' }),

Adding the back ticks in the appropriate places

[filiptrifunovic-mile]

I fixed this by editing the baseUrl to: baseUrl: 'https://shazam-core.p.rapidapi.com', and then editing the builder queries like so: getTopCharts: builder.query({ query: () => '/v1/charts/world' }), ... getArtistDetails: builder.query({ query: (artistId) =>'/v2/artists/details?artist_id=${artistId}' }),

Adding the back ticks in the appropriate places

I did that also, but what u changed in ArtistDetails.jsx for RelatedSongs data={Object.values(artistData?.songs)}

[githubsayan7776969]

nodata fetched..blank screen now.

[githubsayan7776969]

CHECK THE EXTENSION RESULT IN VS CODE..ABOVE

[githubsayan7776969]

also when i try to use back ticks the formatting error goes away but i get a white blank screen and the app crashes..

[githubsayan7776969]

[githubsayan7776969]

the comma and the closing braces and bracs are there just not visible in the screen shot

[PavanKalyan717]

I fixed this by editing the baseUrl to: baseUrl: 'https://shazam-core.p.rapidapi.com', and then editing the builder queries like so: getTopCharts: builder.query({ query: () => '/v1/charts/world' }), ... getArtistDetails: builder.query({ query: (artistId) =>'/v2/artists/details?artist_id=${artistId}' }),
Adding the back ticks in the appropriate places

I did that also, but what u changed in ArtistDetails.jsx for RelatedSongs data={Object.values(artistData?.songs)}

We can do one thing since there are no related songs in the new API call(which is - v2 one)
We can display that artist's Top songs instead of related songs.
For that u can declare a new variable called 'topSongsData'. Like this:

const topSongsData = artistData?.data[0]?.views['top-songs']?.data

Now u can pass this variable as data in RelatedSongs Component. Like this:
<RelatedSongs
data={topSongsData}
artistId={artistId}
isPlaying={isPlaying}
activeSong={activeSong}

One Final change has to be done in RelatedSongs component since there is no 'key' present in topSongsData, instead we can use 'id' value from topSongsData. Change in RelatedSongs data mapping looks like this.

{data?.map((song,i)=>(
<SongBar key={${song.key}-${song.id}-${artistId}}
song ={song }
i={i}
artistId={artistId}
isPlaying={isPlaying}
activeSong={activeSong}
handlePauseClick={handlePauseClick}
handlePlayClick ={handlePlayClick}
/>
))}
Only the bolded line is changed. rest of the code is the same.
Hope this works.

[shivam-jha2712]

Please give the clear code or the screenshot of what have you implied
And I have the same issue

[PavanKalyan717]

Please give the clear code or the screenshot of what have you implied And I have the same issue

Hope these screenshots help u to understand my previous comment.
Let me know if u face any issues.

[MichaelFami]

Please give the clear code or the screenshot of what have you implied And I have the same issue

Hope these screenshots help u to understand my previous comment. Let me know if u face any issues.

Can you also post screenshot of your DetailsHeader file? I'm getting an error that the artistId in that element is undefined

[shivam-jha2712]

Please give the clear code or the screenshot of what have you implied And I have the same issue

Hope these screenshots help u to understand my previous comment. Let me know if u face any issues.

The error is still there and as soon as the shazamCore.js is updated the whole stops working and it shows the same error. And how have you removed the v1 from the baseUrl in line 6? Could you please help me in that

And if the API needs to be updated, could you please record a loom video of yours explaining it? It would be helpful

[PavanKalyan717]

Please give the clear code or the screenshot of what have you implied And I have the same issue

Hope these screenshots help u to understand my previous comment. Let me know if u face any issues.

The error is still there and as soon as the shazamCore.js is updated the whole stops working and it shows the same error. And how have you removed the v1 from the baseUrl in line 6? Could you please help me in that

And if the API needs to be updated, could you please record a loom video of yours explaining it? It would be helpful

i removed 'v1' from baseurl and updated in all queries. U can see that in shazamcore screenshot. Whatever issues u face please paste the screenshots here.

[shivam-jha2712]

https://www.loom.com/share/56f12c2f8087425488ce5583b0f1fc44 -- Please watch this by pasting the link in your new tab and you will get the idea of the problem I am facing
The other screenshot data have even been changed but it is still not functioning properly

[shivam-jha2712]

Please give the clear code or the screenshot of what have you implied And I have the same issue

Hope these screenshots help u to understand my previous comment. Let me know if u face any issues.

The error is still there and as soon as the shazamCore.js is updated the whole stops working and it shows the same error. And how have you removed the v1 from the baseUrl in line 6? Could you please help me in that

And if the API needs to be updated, could you please record a loom video of yours explaining it? It would be helpful

i removed 'v1' from baseurl and updated in all queries. U can see that in shazamcore screenshot. Whatever issues u face please paste the screenshots here.

If you could please go through the video and look at the screenshots and identify the error and help me find the solution it would really be a great help

[PavanKalyan717]

Send me the SS of error which is logged in console

[shivam-jha2712]

Send me the SS of error which is logged in console

And if I remove 0 then the artwork is the issue

[githubsayan7776969]

the issue still persists...the screenshots have been implement in eact however the status of the app has not changed....

[githubsayan7776969]

i meant impleneted in react as per screenshots above

[shivam-jha2712]

i meant impleneted in react as per screenshots above

I guess the error has been in the TopPlay component which is unable to fetch the 0th element using adamid @adrianhajdin @PavanKalyan717 could you please help us with this issue #24

[hash-ira]

Send me the SS of error which is logged in console

And if I remove 0 then the artwork is the issue

In the Details Header component change the src of img tag to artistId ? artistData?.data[0].attributes?.artwork?.url

Hope this helps

[sdo-piyush]

CHECK THE EXTENSION RESULT IN VS CODE..ABOVE

hey bro can you please provide me your api key of the shazam core api. I want to build this project for my resume. please.....

[githubsayan7776969]

do not try this project...if you ask me.. the api is deprecated..and i had issues implementing the new one....the api key is available at the rapid ai interface itself once you subscribe or it can also be a free api i do not remember exactly....you can test out the endpoints there after to see the results...api key is something you do not share with anyone...but keep to yourself..for security reasons..

…

On Sun, May 7, 2023 at 1:28 AM Piyush Ranjan Ojha ***@***.***> wrote: [image: Screenshot 2022-12-10 120042] <https://user-images.githubusercontent.com/68245752/206835717-9c2af31c-737b-41db-a717-67efa9077b54.png> CHECK THE EXTENSION RESULT IN VS CODE..ABOVE hey bro can you please provide me your api key of the shazam core api. I want to build this project for my resume. please..... — Reply to this email directly, view it on GitHub <#20 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AQIVR6BNXTSZGOKWL2OK6G3XE2UQFANCNFSM6AAAAAASX2P6NE> . You are receiving this because you authored the thread.Message ID: ***@***.***>