button colors and correct redirect

canonical · Jun 3, 2024 · 4927566 · 4927566
1 parent 17eef08
commit 4927566
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/ui/src/app/certificate_requests/row.tsx b/ui/src/app/certificate_requests/row.tsx
@@ -21,11 +21,11 @@ export default function Row({ id, csr, certificate }: rowProps) {
             </td>
             <td className="" data-test-column="status">{certificate == "" ? "outstanding" : (certificate == "rejected" ? "rejected" : "certificate expiry date here")}</td>
             <td className="" data-test-column="action">
-                <button>Sign</button>
-                <button>Reject</button>
+                <button className="p-button--positive">Sign</button>
+                <button className="p-button--negative">Reject</button>
             </td>
             <td className="" data-test-column="delete">
-                <button>Delete CSR</button>
+                <button className="p-button--negative">Delete CSR</button>
             </td>
         </tr>
     )

diff --git a/ui/src/app/certificate_requests/table.tsx b/ui/src/app/certificate_requests/table.tsx
@@ -10,7 +10,7 @@ export function CertificateRequestsTable() {
             <div className="p-panel__header is-sticky">
                 <h4 className="p-panel__title">Certificate Requests</h4>
                 <div className="p-panel__controls">
-                    <button className="u-no-margin--bottom" aria-label="add-csr-button" onClick={() => setAsideIsOpen(true)}>Add New CSR</button>
+                    <button className="u-no-margin--bottom p-button--positive" aria-label="add-csr-button" onClick={() => setAsideIsOpen(true)}>Add New CSR</button>
                 </div>
             </div>
             <div className="p-panel__content">

diff --git a/ui/src/app/nav.tsx b/ui/src/app/nav.tsx
@@ -58,7 +58,7 @@ export function SideBar({ sidebarVisible, setSidebarVisible }: { sidebarVisible:
                             <nav aria-label="Main">
                                 <ul className="p-side-navigation__list">
                                     <li className="p-side-navigation__item">
-                                        <a className="p-side-navigation__link" href="/certificate_requests" aria-current={activeTab === "certificate_requests" ? "page" : "false"} >
+                                        <a className="p-side-navigation__link" href="/certificate_requests.html" aria-current={activeTab === "certificate_requests" ? "page" : "false"} >
                                             <i className="p-icon--information is-light p-side-navigation__icon"></i>
                                             <span className="p-side-navigation__label">
                                                 <span className="p-side-navigation__label">Certificate Requests</span>