Skip to content
This repository was archived by the owner on Jan 10, 2026. It is now read-only.
This repository was archived by the owner on Jan 10, 2026. It is now read-only.

Updating Seeding Input with new BannerComponent #642

@FutzMonitor

Description

@FutzMonitor

Desired Design

Currently the Seeding Input form still makes use of the ErrorBannerComponent. However, the merging of #622 means that these instances need to be removed and the page adequately updated with new data variables to handle the newer BannerComponent.

It's also necessary to consider what new constants need to be added to the BannerMessageConstants.js specifically for the Seeding Input form.

Here are the necessary changes to complete this issue:

  • Should the banner be closed by pressing an 'X' or should it be timeout based? Whatever is decided should be consistent in all pages,
  1. Remove the ErrorBannerComponent from the page.
  2. Import the BannerComponent into the page (simply add it to the Vue instance in the page).
  3. Add the necessary data variables to support
  4. Update pre-existing functions to make the BannerComponent visible, give the correct object, and handle visibility changes.
  5. Remove the banner we're using under the Seeding Input's title. This can be found on lines #4 and ends on line #12.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Good Second IssueIssue that is a little deeper than a Good First Issue.ReservedIssue created and reserved for use in a course.UI/UXUser Interface / User Experience ImprovementenhancementImprovement to the project

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions