Skip to content

[Remove Vuetify from Studio] Offline alert bar in Channels #5219

@MisRob

Description

@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 the offline alert bar in Channels from Vuetify to Kolibri Design System.

Image

shared/views/OfflineText that is built with Vuetify components is used for the banner.

To remove this dependency from ChannelListIndex, replace this instance of OfflineText with shared/views/StudioOfflineAlert (a new component that doesn't use Vuetify). Do not modify shared/views/OfflineText or how it's used in other areas of the codebase.

How to get there

  • Login as [email protected] with password a
  • Go to Channels
  • Turn on / off offline mode in browser development tools

Guidance

Out of Scope

  • Do not refactor any other areas of the codebase
  • Do not modify OfflineText

Expected UI/UX changes

  • None

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.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions