Cls2 555 create add task button (#6370)

* Added add task button to dashboard

* Added test for add task button

* Removed double urls import

* Changed button prop to Link

src/client/components/ContentWithHeading.jsx

@@ -1,9 +1,11 @@
 import PropTypes from 'prop-types'
 import React from 'react'
-import { H3 } from 'govuk-react'
+import { Button, H3, Link } from 'govuk-react'
 import styled from 'styled-components'
 
 import SpacedSectionBreak from './SpacedSectionBreak'
+import { BLUE } from '../utils/colours'
+import urls from '../../lib/urls'
 
 const StyledHeading = styled(H3)({
   flexGrow: 1,
@@ -19,6 +21,14 @@ const ContentWithHeading = ({ heading, children, headingActions }) => (
     <StyledHeader>
       <StyledHeading size={24}>{heading}</StyledHeading>
       {headingActions}
+      <Button
+        buttonColour={BLUE}
+        href={urls.tasks.create()}
+        as={Link}
+        data-test="add-task"
+      >
+        Add task
+      </Button>
     </StyledHeader>
     <SpacedSectionBreak />
     {children}

test/component/cypress/specs/Dashboard/MyTasks/MyTasksTable.cy.jsx

@@ -168,5 +168,11 @@ describe('My Tasks on the Dashboard', () => {
     it('should display the heading 1 task (singular) and not 1 tasks (plural)', () => {
       cy.get('h3').should('contain', '1 task').should('not.contain', '1 tasks')
     })
+
+    it('should contain a button to add task', () => {
+      cy.get('[data-test="add-task"]')
+        .should('have.text', 'Add task')
+        .should('have.attr', 'href', urls.tasks.create())
+    })
   })
 })