DemocracyLab / DemocracyLab/CivicTechExchange

VAR Error Notification Component

Open
#1,133 1 comment 0 reactions 0 assignees View on GitHub
Front End
Dominant language
JavaScript
Stars
105
Forks
71
PR merge metrics
No merged PRs in 30d

Description

### VAR Error Notification

Figma: [VAR Error Notification ](https://www.figma.com/design/WADcmVjJh5ARVoZ09xlpfdFN/DemocracyLab?node-id=39340-84880&t=KPcLW0nctl77aaFZ-4)

### Location
**Component File:**

common/components/componentsBySection/VolunteerActivityReporting/VARErrorNotification.jsx

**Storybook File:**

common/components/componentsBySection/VolunteerActivityReporting/stories/VARErrorNotification.stories.jsx

**Styles File:**

civictechprojects/static/css/partials/_VARErrorNotification.scss

Image

```

```
**Props**
`showError` (boolean): If `true`, this component renders a warning icon and hardcoded error message. If `false`, nothing is rendered.

**Test cases in Storybook**

- Default State (`showError={true}`): Renders warning emoticon and hardcoded message (bold and regular text) and follows styling from Figma
- Hidden State (`showError={false}`): Renders nothing

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.