Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove Banner for INSUFFICIENT_STORAGE while in device plugin #11809

Merged
merged 5 commits into from
Mar 12, 2024

Conversation

iskipu
Copy link
Contributor

@iskipu iskipu commented Jan 26, 2024

Fixes the issue #11774
Solves all the issues mentioned in the issue's checklist

Hope this helps

@iskipu iskipu changed the title checking current url contains device route Remove Banner for INSUFFICIENT_STORAGE while in device plugin Jan 26, 2024
Copy link
Member

@nucleogenesis nucleogenesis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a small change here to ensure it reliably determines if we're in the device plugin or not.

kolibri/core/assets/src/views/StorageNotification.vue Outdated Show resolved Hide resolved
@github-actions github-actions bot added APP: Learn Re: Learn App (content, quizzes, lessons, etc.) SIZE: small labels Jan 27, 2024
@iskipu iskipu requested a review from rtibbles January 27, 2024 07:32
@marcellamaki
Copy link
Member

The code read-through looks good, thanks @iskipu for revising this and for your patience. @radinamatic could we do a quick manual QA here? I am actually thinking this might be good to merge into 0.16.0 before release, and would appreciate the extra eyes on it in case we do. I'll chat to @rtibbles about it today if he's back.

Copy link
Member

@pcenov pcenov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is implemented as specified in #11774, specifically
the banner now appears in Learn when the status is INSUFFICIENT_STORAGE, gets dismissed after a user clicks "Manage channels" and the banner doesn't appear in the Device plugin or anywhere else besides the Learn plugin.
I have reported separately the following issue #11866 which is not caused by the changes made here.

@iskipu
Copy link
Contributor Author

iskipu commented Feb 20, 2024

Hi @pcenov i have made changes to fix the issues mentioned by you (i.e adding space between the buttons and making the my download button work).

fix-2024-02-20.mp4

However i have one doubt:

displayed nicely in mobile view.

What is the exact design i should implment bcz the changes i made just adds space between the buttons but doesnt address how it looks in a mobile device

image

@iskipu iskipu requested a review from pcenov February 20, 2024 06:55
Copy link
Member

@pcenov pcenov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @iskipu - I confirm that now there's space between the buttons and clicking on 'Go to my downloads' brings the user to the correct page.
@marcellamaki could you please advise on the mobile design issue?

Copy link
Member

@marcellamaki marcellamaki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @iskipu - thanks for your work on this and for the QA @pcenov.

For the mobile issue, I think the best approach would be for the buttons to stack vertically, for example

[CLOSE]
[GO TO MY DOWNLOADS]
[MANAGE CHANNELS]

Depending on the language that Kolibri is in, these buttons can be quite long! So, on mobile, giving them their own space rather than trying to predict how wide they would be is probably a good idea.

This will make the banner a bit taller, and thus it will cover more of the screen, but I think that is okay for now! We can revisit the design in more detail later if it becomes problematic

@iskipu
Copy link
Contributor Author

iskipu commented Feb 29, 2024

Hi @pcenov made changes as per the suggestion given by @marcellamaki

Mobile view:

image

Tab/Laptop/Computer view:

image

Copy link
Member

@pcenov pcenov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I confirm that now the buttons are positioned vertically but the responsive design experience is not perfect and also there's not enough space between the buttons. Still this could be good enough for the time being and we can have the issue addressed separately @marcellamaki - could you have a look as well?

2024-03-05_12-35-55.mp4

@iskipu
Copy link
Contributor Author

iskipu commented Mar 5, 2024

Hi @pcenov thanks for the feedback. In the earlier commit i was too focused on mobile and desktop layout and haven't checked the whole spectrum of widths XD. Now i have fixed the responsiveness and also increased the spacing between the buttons.

responsive.mp4

@iskipu iskipu requested a review from pcenov March 5, 2024 16:05
Copy link
Member

@pcenov pcenov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @iskipu! It looks great now!

Copy link
Member

@marcellamaki marcellamaki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @iskipu!

@marcellamaki marcellamaki dismissed nucleogenesis’s stale review March 12, 2024 14:31

Resolved with new approach

@marcellamaki marcellamaki merged commit 16b9002 into learningequality:develop Mar 12, 2024
31 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants