Merge pull request #411 from HarperDB/akers/STUDIO-52

Added Links for "Deploy Anywhere" SubItems
HarperDB · Nov 12, 2024 · 9d36663 · 9d36663
2 parents 3173c7d + d87f1c9
commit 9d36663
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/assets/styles/pages/_auth.scss b/src/assets/styles/pages/_auth.scss
@@ -48,6 +48,7 @@
       font-size: $font-size-medium;
       border: 2px solid $color-lightblue;
       border-radius: 5px;
+      text-decoration: none;
     }
   }
 }

diff --git a/src/components/layouts/App.js b/src/components/layouts/App.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, lazy, Suspense } from 'react';
 
-import { Route, Routes, Navigate, useNavigate, useLocation, Outlet, useParams } from 'react-router-dom';
+import { Route, Routes, Navigate, useNavigate, useLocation, Outlet, useParams, Link } from 'react-router-dom';
 import ReactGA from 'react-ga4';
 
 import { useStoreState } from 'pullstate';
@@ -181,10 +181,10 @@ function App() {
                         </li>
                         <li>
                           <h3 className="item-title">Deploy Anywhere</h3>
-                          <div className='mt-3'>
-                            <span className="deploy-subitem">Docker</span>
-                            <span className="deploy-subitem">npm</span>
-                            <span className="deploy-subitem">all options</span>
+                          <div className="mt-3">
+                            <Link to={{ pathname: "https://hub.docker.com/r/harperdb/harperdb" }} target="_blank" rel="noreferrer" className="deploy-subitem">Docker</Link>
+                            <Link to={{ pathname: "https://www.npmjs.com/package/harperdb" }} target="_blank" rel="noreferrer" className="deploy-subitem">npm</Link>
+                            <Link to={{ pathname: "https://docs.harperdb.io/docs/deployments/install-harperdb" }} target="_blank" rel="noreferrer" className="deploy-subitem">all options</Link>
                           </div>
                         </li>
                       </ul>