Links

Pull Requests

2. that I worked on for my last commit during Hacktoberfast. Instead of finding a new repository, I wanted to work on a project that I already have some knowledge. I thought that this would be more helpful for understanding a larger Project and how larger projects are structured and what tech stacks they use and how they work. And more importantly, I really like . The issue was that for some of the llm models, it didn't provide proper icon.
   
   
   

   
   
   
   How I fixed
   

   
   
   

   First, I had to figure out what the cause of this problem. My gut feeling tolde me that there must be some part where it handles the logic for which icon they should use. I started to find the part using git grep by searching keywords such as icon, model, and avatar. Then I found where this logic is implemented. The problem is that when it decides the icon, it chekcs the name of the modle. However, some of the model names include uppercase characters, but the logic didn't check the uppercase, so I made it case-sensitive.

   
   
   

   
   
   
   
   

   
   
   

   While I was working on the previous issues. I found out that there is some bugs when I opened PreferencesModal. For iPhone, when you touch input element in PrefeencesModal, it automatically zooms-in. However, for some reason, you cannot zoom-out to normal size. This was actually bothering me a lot while I was playing with Chatcraft or when I was testing the app. Therefore, I opened an issue for this.

   
   
   

   
   
   
   How I fixed
   

   
   
   

   Now it didn't take that long time to figure out where the code for this UI element is located since I've been working on this project for two weeks. Although I knew which pasge is responsible for this, but I wasn't sure about the which element I should fix. But I felt that it must be Modal component, and I tried to look at it. However, I wasn't very confident with Chakra-UI, and some components of Chakra-UI looked deprecated. There was no offical docs for some components such as Modal. Since there was no official docs and also ChatGPT didn't know well about Chakra-UI. Actually ChatGPT is so bad at it. I was frustrated a bit. I started to follow and go deeper into the code. I did ctrl + click on Modal component, and it opened the library code for that. I did ctrl + click on everywhere in the code, and finally found the prop interfaces that shows what options you can send as a prop. Some of them was about scroll-block and zoom. I tried those options, and it worked exactly the way I want.

   
   
   

   
   
   
   Reflection
   

   
   
   

   I am getting more confident with this project and more interested and fascinated by it. Now it takes less time to figure out problems and fixs it. I personally prefer to work on one project longer and deeper (vs. working on many different projects). I think there are pros and cons, but for now I think I need to stick to one project and go deeper so that I can get an understanding of a whole project.
   
   And also, I am overcoming the fear of a larger project. Chatcraft is not a huge project, but for me it is large enough, considering my programming skill level. I feel that I am growing and improving, which makes me really happy.

   Vollständiger Original-Bericht

   Ausführliche Details, Code-Beispiele & Hersteller-Stellungnahme auf dev.to.

   ↗ Original-Artikel auf dev.to lesen