Clickable Area for New Certificate Button (#96)

* Added navigate * Bumped up version
digicatapult · Mar 19, 2024 · e2f64de · e2f64de
1 parent 6d645a1
commit e2f64de
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@digicatapult/sqnc-hyproof-client",
-    "version": "0.3.18",
+    "version": "0.3.19",
     "description": "User interface for HyProof",
     "homepage": "https://github.com/digicatapult/sqnc-hyproof-client",
     "main": "src/index.js",

diff --git a/src/pages/CertificatesViewAll.js b/src/pages/CertificatesViewAll.js
@@ -7,8 +7,6 @@ import {
   Button,
 } from '@digicatapult/ui-component-library'
 
-import { Link } from 'react-router-dom'
-
 import Nav from './components/Nav'
 import Header from './components/Header'
 import BgMoleculesImageSVG from '../assets/images/molecules-bg-repeat.svg'
@@ -97,6 +95,7 @@ export default function CertificatesViewAll() {
 
   const persona = personas.find(({ id }) => id === current)
   const url = `${persona.origin}/v1/certificate`
+  const redirectToCreate = () => navigate('/certificate?create=y')
 
   React.useEffect(() => {
     if (!data) fetch({ url })
@@ -135,8 +134,8 @@ export default function CertificatesViewAll() {
       </Main>
       <Sidebar area="sidebar">
         {persona.id === 'heidi' && (
-          <LargeButton variant="roundedPronounced">
-            <Link to="/certificate?create=y">New Certificate</Link>
+          <LargeButton onClick={redirectToCreate} variant="roundedPronounced">
+            New Certificate
           </LargeButton>
         )}
       </Sidebar>