RandomQuote | chrome extension to display a random quote | Browser Plugin library

I'm trying to figure out a way to get all messages sent by a specific user in a channel and/or the whole server (would probably take a while for that).

I have also looked into User.history() and Member.history(), but despite the documentation not mentioning it, it will only return a User's DM history.

Here is the Bot Command code snippet:

I want to display only the quote in the quote textbox but I also want to display the quotee name in the quotee textbox the problem is I can only return one value if I return both values they kinda go together in the quote textbox

So, I have done FCC's project "Random Quote Machine", I have done the all the basic requirements such as changing the quote,color and tweet the quote. But one thing I can't do,that is the fade-in and fade-out animation of the quotes, e.g like this:https://codepen.io/freeCodeCamp/pen/qRZeGZ

In the above link,the animation has been done by jQuery. But I have done my project on ReactJS

Here's my codesandbox if you want to fork:https://codesandbox.io/s/amazing-feistel-b2u6j

and also here's the code:

So, I am using NextJs and React-spring to make a "Random Quote Machine" (A freecodecamp challenge which I completed previously but I just wanted to try out new things,e.g using nextjs and react-spring animation)

So everything works well, but when I click on the "New Quote" button, it will generate a new quote with a fade-in animation, which it doesn't when I click on the button. It only works while loading the page for the first time.

Is there any workaround for this? I also used chakraUI but it doesn't have various animations or transitions. My sandbox link: https://codesandbox.io/s/compassionate-heisenberg-byulo?file=/pages/index.js

Below is the code I have written so far:

I created a small Kanye West Quote generator, and along with the button that fetches a random Kanye quote, I put in some audio files to play along (just three audio clips of Kanye saying something).

What I'm trying to do is: when the button is clicked to reveal a new quote, an audio (from the 3) should play. Currently, I have it that it will play, but all 3 audio files plays at once or two plays at once, and one plays separately on the next click.

Here is my code for the audio:

I'm a learning JavaScript and I'm trying to create a quote generator with JavaScript but I'm having problems with displaying the quotes and keep getting an error message:

I am trying to loop over an array of objects and display a random quote from the data, so far my code returns undefined. Any idea's why?

Code so far..

I'm very new to web-dev, so please bear with me. I am using Jekyll to generate my webpage. So I created some custom classes, and specified the css properties in the corresponding _sass file.

The following are the two classes which are relevant to the question:

Whenever I refresh the page, the getQuote function works (meaning a new quote is displayed).

However, I would like to get a new quote whenever the user clicks on the Generate Button.

I have a randomQuotes array with 10 quotes typed in.