rename Error to Notice

Author: alishaevn

src/components/Error/Error.jsx renamed to src/components/Notice/Notice.jsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react'
 import PropTypes from 'prop-types'
 import { Alert, Button, Container } from 'react-bootstrap'
 
-const Error = ({ alert, buttonProps, dismissible, withBackButton }) => {
+const Notice = ({ alert, buttonProps, dismissible, withBackButton }) => {
   const [show, setShow] = useState(true)
   const { title, body, variant } = alert
   let onClick, text
@@ -38,7 +38,7 @@ const Error = ({ alert, buttonProps, dismissible, withBackButton }) => {
   )
 }
 
-Error.propTypes = {
+Notice.propTypes = {
   alert: PropTypes.shape({
     body: PropTypes.arrayOf(PropTypes.string).isRequired,
     title: PropTypes.string,
@@ -52,12 +52,12 @@ Error.propTypes = {
   withBackButton: PropTypes.bool,
 }
 
-Error.defaultProps = {
+Notice.defaultProps = {
   buttonProps: {
     text: 'Click to return to the previous page.'
   },
   dismissible: true,
   withBackButton: false,
 }
 
-export default Error
+export default Notice

src/components/Error/Error.stories.jsx renamed to src/components/Notice/Notice.stories.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
-import Error from './Error'
+import Notice from './Notice'
 
 export default {
-  title: 'Components/Error',
-  component: Error,
+  title: 'Components/Notice',
+  component: Notice,
 }
 
-const Template = (args) => <Error {...args} />
+const Template = (args) => <Notice {...args} />
 
 export const Default = Template.bind({})
 Default.args = {
@@ -22,8 +22,8 @@ Default.args = {
   withBackButton: false,
 }
 
-export const WithError = Template.bind({})
-WithError.args = {
+export const Error = Template.bind({})
+Error.args = {
   alert: {
     title: "We're sorry, something went wrong.",
     body: ['This is how an error would present in dev. There are instances where there may be several api errors on a single page. We would render them all.', 'This is a second error message.', 'This is a third error message.'],

src/components/index.js

@@ -7,10 +7,10 @@ import AdditionalInfo from './AdditionalInfo/AdditionalInfo'
 import BlankRequestForm from './BlankRequestForm/BlankRequestForm'
 import Button from './Button/Button'
 import CollapsibleSection from './CollapsibleSection/CollapsibleSection'
-import Error from './Error/Error'
 import Image from './Image/Image'
 import Link from './Link/Link'
 import Loading from './Loading/Loading'
+import Notice from './Notice/Notice'
 import SearchBar from './SearchBar/SearchBar'
 import ShippingDetails from './ShippingDetails/ShippingDetails'
 import SocialIcon from './SocialIcon/SocialIcon'
@@ -23,10 +23,10 @@ export {
   BlankRequestForm,
   Button,
   CollapsibleSection,
-  Error,
   Image,
   Link,
   Loading,
+  Notice,
   SearchBar,
   ShippingDetails,
   SocialIcon,