lint fixes

Author: alishaevn

src/components/Notice/Notice.jsx

@@ -6,7 +6,8 @@ import { Alert, Button, Container } from 'react-bootstrap'
 const Notice = ({ alert, buttonProps, dismissible, withBackButton }) => {
   const [show, setShow] = useState(true)
   const { title, body, variant } = alert
-  let onClick, text
+  let onClick
+  let text
   if (withBackButton) ({ onClick, text } = buttonProps)
 
   return (
@@ -16,27 +17,25 @@ const Notice = ({ alert, buttonProps, dismissible, withBackButton }) => {
           {title && (
             <Alert.Heading>{title}</Alert.Heading>
           )}
-          {body.map((text, index) => {
-            // If "text" is a JSON string, return it as a formatted code block
+          {body.map((message, index) => {
+            // If "message" is a JSON string, return it as a formatted code block
             // Otherwise, return it as a regular string
             const isJSONParsable = () => {
               try {
-                JSON.parse(text)
+                JSON.parse(message)
                 return true
               } catch (error) {
                 return false
               }
             }
-            const isJavascriptObject = isJSONParsable(text)
+            const isJavascriptObject = isJSONParsable(message)
 
             return (
-              <>
-                {isJavascriptObject ? (
-                  <pre className='mb-0' key={index}>{text}</pre>
-                ) : (
-                  <p className='mb-0' key={index}>{text}</p>
-                )}
-              </>
+              isJavascriptObject ? (
+                <pre className='mb-0' key={index}>{message}</pre>
+              ) : (
+                <p className='mb-0' key={index}>{message}</p>
+              )
             )
           })}
           {withBackButton && (

src/components/Notice/Notice.stories.jsx

@@ -13,7 +13,7 @@ Default.args = {
   alert: {
     title: '',
     body: ['A standard alert.'],
-    variant: 'warning'
+    variant: 'warning',
   },
   buttonProps: {},
   dismissible: true,
@@ -26,7 +26,7 @@ Error.args = {
     title: "We're sorry, something went wrong.",
     body: [
       JSON.stringify({
-        message: '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.',
+        message: 'There are instances where there may be several api errors on a single page. We would render them all.',
         name: 'First',
         status: 422,
       }, null, 2),
@@ -41,11 +41,11 @@ Error.args = {
         status: 422,
       }, null, 2),
     ],
-    variant: 'warning'
+    variant: 'warning',
   },
   buttonProps: {
     onClick: () => console.log('click me!'),
-    text: 'Click to return to the previous page.'
+    text: 'Click to return to the previous page.',
   },
   dismissible: false,
   withBackButton: true,
@@ -56,7 +56,7 @@ UnauthorizedUser.args = {
   alert: {
     title: 'Unauthorized',
     body: ['Please sign in to access this page.'],
-    variant: 'info'
+    variant: 'info',
   },
   buttonProps: {},
   dismissible: false,