[Remove Vuetify from Studio] Links in 'About licenses' modal in Settings - Storage

[MisRob]

🙂 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you’re requesting an issue, please:

• Read Contributing guidelines carefully. Pay extra attention to Using generative AI. Pull requests and comments that don’t follow the guidelines won’t be answered.
• Confirm that you’ve read the guidelines in your comment.

Sub-issue of #5060.

Complexity: Low

Summary

Migrate all Learn More links in Settings > Storage > 'Request more space' form > 'About licenses' modal from Vuetify to Kolibri Design System.

shared/views/ActionLink that is built with several Vuetify components is used to show the links. To remove this Vuetify dependency from Storage/RequestForm, replace the usage of ActionLink in this specific location with KExternalLink. Do not modify ActionLink or InfoModal.

How to get there

• Login as user@a.com with password a
• Go to Settings > Storage > Request more space
• Click Open form
• Click on info button next to Who can use your content? (Note that button click is broken, fix here. Before the fix is released, temporarily modify code in InfoModal to make the modal visible.)

Guidance

• Read the project this issue is part of

Out of Scope

• Do not refactor any other areas of the codebase
• Do not modify ActionLink or InfoModal

Expected UI/UX changes

• Minor visual differences naturally stemming from the use of KDS

Acceptance criteria

• The specification above is followed.
• Except for "Expected UI/UX changes," there are no functional or visual differences in user experience.
• All user interactions are manually tested with no regressions.
• Pull request includes screenshots.

[yeshwanth235]

Hi @MisRob
I would like to work on this issue.

[MisRob]

Good! I will assign you this one too @yeshwanth235, the other one I've just assigned you is a small one and it's fine to have two in parallel. Next assignment request, if you plan to, would be best to post after you have opened both PRs. Thanks a lot for your work on Studio!

[yeshwanth235]

can I raise both issues in one PR @MisRob?

[MisRob]

I'd prefer a single PR per one issue @yeshwanth235 - that way I can also assign more reviewers, and it's easier to understand what's being solved.

[MisRob]

Thanks for asking

[yeshwanth235]

Hi @MisRob

Is this expected.
margin-left which is and inline styling getting applied for KExternalLink. Because text !== href as per KDS.

[MisRob]

Hi @yeshwanth235 - ah, we should preserve the way it looked like. In Studio, can you try to apply negative margin or relative position on KExternalLink to temporarily fix this just in this place?

(And I will look into KDS side next week and with the team think about if we want to address it in KDS itself, since it doesn't feel like intuitive behavior - but you don't need to worry about that part right now, I would open new issues later)

[MisRob]

Thanks for raising this, much appreciated!