Links leading outside Studio need to have a pop out icon

[MisRob]

🌱 Are you new to the codebase? Welcome! Please see the contributing guidelines.

Observed behavior

Some links that lead outside Studio don’t have a pop-out icon. One example is the “API documentation” link (leading to https://ricecooker.readthedocs.io/en/latest/index.html) in Settings → Account:

There are more links with this problem.

Expected behavior

Links that lead outside the Studio have a pop-out icon. For example, the aforementioned link needs to appear as:

This needs to be fixed for all links.

User-facing consequences

Visually distinguishing links leading to another website is widely recommended practice to minimize the surprise, and is an expected UX pattern in our products.

Guidance

• Revisit all places where <KExternalLink>'s are used and ensure that all links that lead outside of Studio have openInNewTab set to truthy. Relatedly clean up target="_blank" since this is taken care of by openInNewTab.
• Note that not all <KExternalLink>s are necessarily used for off-site navigation. Some of them are used to navigate between Studio sub-apps. Such links shouldn’t have truthy openInNewTab (and therefore not open in a new tab and neither have a pop-out icon) since from the user’s point of view, they behave like internal links.

[shivam-daksh]

Hey @MisRob , I would like to work on this.

[AlexVelezLl]

Hi @shivam-daksh! Thank you for your interest in contributing to solving this Issue! I will assign it to you 👐. Let us know if you have any questions :).

[shivam-daksh]

Thanks @AlexVelezLl for assigning me this task. I've started working. I'm new here, so need little more time to explore.

[AlexVelezLl]

Sure! @shivam-daksh No rush 😃.

[shivam-daksh]

Hey @AlexVelezLl , I'm having trouble in setting up the project despite going through the documentation and following the given instructions. Could you please guide me through?

[MisRob]

Hi @shivam-daksh, I'm sorry to hear that. We will try to help. Would you upload terminal output from your setup (ideally full one) and also mentioned what operating system you use?

[shivam-daksh]

Hi @MisRob, I've attached the terminal output file along with the screen recording. Please let me know the steps to fix it.
terminal_output.txt

Screen.Recording.2024-07-25.at.1.49.44.PM.mov

[AlexVelezLl]

Hey @shivam-daksh, it seems like you are following the wrong docs 😅, can you try following the instructions at https://github.com/learningequality/studio/blob/unstable/docs/local_dev_docker.md? which are instructions for local development. Let us know if you are still experiencing those problems :)

[shivam-daksh]

Hey, I'm getting this error after running:
pip install -r requirements.txt -r requirements-dev.txt