bcgov / bcgov/entity

UI - Connect Nuxt: Add alert icon to section error messages.

Open Beginner friendly
#34,173 0 comments 0 reactions 0 assignees View on GitHub
Colin Egress Nuxt Layers
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

Use new ConnectAlertMessage component

All section errors should be prefixed with an alert icon.

Should be a change in 2 components only. **Dev to confirm**

1. [FormFieldWrapper](https://github.com/bcgov/connect-nuxt/blob/main/packages/layers/forms/app/components/Connect/Form/FieldWrapper.vue#L44)
2. [Fieldset](https://github.com/bcgov/connect-nuxt/blob/main/packages/layers/forms/app/components/Connect/Fieldset.vue#L65)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reading FormFieldWrapper.vue around line 44 and Fieldset.vue around line 65, then inspect how the new ConnectAlertMessage component is used. Update the two named components so all section error messages are prefixed with the alert icon, and confirm with a project developer whether any additional cases are required.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, nuxt
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
75/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.