update btn and link designs

CDCgov · Oct 28, 2024 · b5f4f3f · b5f4f3f
1 parent 78db8af
commit b5f4f3f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/app/our-products/page.tsx b/src/app/our-products/page.tsx
@@ -1,4 +1,5 @@
 import {
+  Button,
   Card,
   CardBody,
   CardFooter,
@@ -8,6 +9,8 @@ import {
 import Image from 'next/image';
 import Link from 'next/link';
 import { basePath } from '../utils/constants';
+import styles from './../styles/OurProducts.module.scss';
+import classNames from 'classnames';
 
 export default function OurProducts() {
   return (
@@ -64,7 +67,7 @@ function StandaloneProducts() {
               </p>
             </CardBody>
             <CardFooter>
-              <Link href={'#'} className="usa-button">
+              <Link href="#" className={classNames('usa-button', styles.btn)}>
                 Learn more about eCR Viewer
               </Link>
             </CardFooter>
@@ -93,9 +96,9 @@ function StandaloneProducts() {
               </p>
             </CardBody>
             <CardFooter>
-              <Link href={'#'} className="usa-button">
+              <Button type="button" disabled>
                 Learn more about Query Connector
-              </Link>
+              </Button>
             </CardFooter>
           </Card>
           <Card
@@ -122,9 +125,9 @@ function StandaloneProducts() {
               </p>
             </CardBody>
             <CardFooter>
-              <Link href={'#'} className="usa-button">
+              <Button type="button" disabled>
                 Learn more about eCR Parser
-              </Link>
+              </Button>
             </CardFooter>
           </Card>
           <Card
@@ -151,9 +154,9 @@ function StandaloneProducts() {
               </p>
             </CardBody>
             <CardFooter>
-              <Link href={'#'} className="usa-button">
+              <Button type="button" disabled>
                 Learn more about eCR Refiner
-              </Link>
+              </Button>
             </CardFooter>
           </Card>
         </CardGroup>

diff --git a/src/app/styles/OurProducts.module.scss b/src/app/styles/OurProducts.module.scss
@@ -0,0 +1,3 @@
+.btn {
+    background-color: #224a58;
+}