account for 0 requests

Author: summer-cook

src/compounds/RequestList/RequestList.jsx

@@ -8,11 +8,17 @@ const RequestList = ({ requests }) => (
   <>
     <Title title='My Requests' size='medium' />
     <div className='rounded overflow-hidden'>
-      {requests.map((req, index) => (
+      {requests.length === 0 ? (
+          <p className='mt-2'>
+            You do not have any requests yet.
+            <br/>
+            <a href='/browse'>Browse our available services</a> to create a request, or start a new general request by clicking the <b>"Initiate a Request"</b> button above. 
+          </p>
+        ) : (requests.map((req, index) => (
         <Link key={req.id} href={`${req.href}`} passHref legacyBehavior>
           <RequestItem request={req} index={index} />
         </Link>
-      ))}
+      )))}
     </div>
   </>
 )
@@ -21,4 +27,4 @@ RequestList.propTypes = {
   requests: PropTypes.arrayOf(PropTypes.shape(requestPropTypes)).isRequired,
 }
 
-export default RequestList
+export default RequestList

src/compounds/RequestList/RequestList.stories.jsx

@@ -41,3 +41,8 @@ Default.args = {
     },
   ],
 }
+
+export const Alternate = Template.bind({})
+Alternate.args = {
+  requests: [],
+}