⬇️ Add a scroll down button to the ChatWindow

asim-shrestha commented 1 year ago

When the chat window has scrolled far enough up like below:

We should add a button at the bottom right that when clicked, will scroll to the bottom of the chat window so that users can quickly see the new outputs

lyqht commented 1 year ago

can i try working on this?

asim-shrestha commented 1 year ago

@lyqht Yes! Added you as the assignee

ajay2827 commented 1 year ago

@asim-shrestha I am interested in this, can you assign it to me?

asim-shrestha commented 1 year ago

Feel free to give it a go too!

lyqht commented 1 year ago

I'll let Ajay work on it then, since I haven't started on it. prefer not to do duplicate work

abhithory commented 1 year ago

@ajay2827 are you working on this?? because i am also interested to work on this. so if you are not working then let me know

ajay2827 commented 1 year ago

@ajay2827 are you working on this?? because i am also interested to work on this. so if you are not working then let me know

I am working on this, you may work on another issue

ajay2827 commented 1 year ago

@asim-shrestha can you help me set it up locally, I am trying to setup using docker-compose but it shows, can you provide some resources, as a beginner to open source it is my first repo ,

abhithory commented 1 year ago

@ajay2827 , i have successfully set up and run the project locally. I can help you if you want.

can you share what error are you getting? or do you want each step to run project locally?

ajay2827 commented 1 year ago

@ajay2827 , i have successfully set up and run the project locally. I can help you if you want.

can you share what error are you getting? or do you want each step to run project locally?

Thank you for helping me out, can you provide each step to run a project locally, please?

abhithory commented 1 year ago

ok cool @ajay2827

Fork this repo in your own GitHub account
then Clone the forked repo of AgentGPT in your pc ( git clone https://github.com/YOUR-GITHUB-USERNAME/AgentGPT.git )
then open the terminal in the cloned repo folder
install and run docker in your computer
in the terminal then run the setup script Mac/Linux -> ./setup.sh windows -> setup.bat
then choose docker-compose option
Go to openAi, serb, replicate website. Create your account and get your api key
paste these api keys in the setup process
first time it will take some time
then finally you will see Nextjs running

asim-shrestha commented 1 year ago

We have guides on the README and docs: https://docs.reworkd.ai/development/setup

Let me know if there are issues here

jasangill1 commented 1 year ago

Hello @ajay2827 are you still having problems installing if so check out the updates install guide https://github.com/reworkd/AgentGPT

@lyqht @abhithory @thame If any of you have started I can help in any problems you come across !!!

abhithory commented 1 year ago

@jasangill1, I can fix this issue. but @ajay2827 was working on this that's why i have not started working on this yet.

so, now if @ajay2827 is not working on this so should i work on this?

jasangill1 commented 1 year ago

Hello @abhithory yeah that works I will assign this to you! I can't wait to see what you have in store. Also, feel free to reach out in regards to any problems you may come across

abhithory commented 1 year ago

@jasangill1 ok thanks

abhithory commented 1 year ago

Hello @jasangill1 @asim-shrestha , I have added the scroll to the bottom button with smooth fade animation. Please check is it what you want.

=> Should i make PR with this ?? or is there something else to improve in this??

=> Here I have added Dummy message data for testing because i don't have credits in openAi Api so thats why i can't test with that.

https://github.com/reworkd/AgentGPT/assets/76877003/c45a421d-7d91-4bac-a2bc-36deb5d0cff9

abhithory commented 1 year ago

also, i can add a scroll to the top button when the user is at bottom of the chat.... Please let me know if it's needed?

asim-shrestha commented 1 year ago

@abhithory Nice! Lets make a PR for that.

I think OpenAI can tell when you make new accounts on the same device and won't issue you free credits (Or they stopped entirely).
We don't need a scroll to top
BONUX: Can you make it animate bobbing up and down using either Tailwind or Framer-motion? (These libraries are already in the Repo)

abhithory commented 1 year ago

@asim-shrestha , is this what you want??

https://github.com/reworkd/AgentGPT/assets/76877003/31266f70-151c-4354-a70b-4bccc4ef864a

I also find one thing. I think this is a typo. should I correct it?

typo 1962aa8-6bb4-45c7-9bd1-cf4caf812a97

jasangill1 commented 1 year ago

Hello @abhithory I love seeing the hard work and responsiveness man keep up the good work!!!!

abhithory commented 1 year ago

Thank you very much @jasangill1 for your kind words. you are very nice.

abhithory commented 1 year ago

@asim-shrestha @jasangill1 , i have created PR for this. please check that. and let me know if there is any improvement or change

jasangill1 commented 1 year ago

Hello @abhithory no problem, here at reworkd we believe that hard work always deserves recognition!!! While we wait for asim to review would you mind starting on the other issues assigned to you!! This would be a huge help.

Remember we are always here to help feel free

asim-shrestha commented 1 year ago

That looks perfect! And feel free to update the typo

Thanks @abhithory

abhithory commented 1 year ago

Yes sure @jasangill1 , i will work on other issue now

jasangill1 commented 1 year ago

Hello, @abhithory I will be closing as it seems the tasks is completed. Greate work!! Excited to see what more you have instore!!!

abhithory commented 1 year ago

@jasangill1 thanks

reworkd / AgentGPT

⬇️ Add a scroll down button to the ChatWindow #748