Fixed url

src/modules/dashboard/Dashboard.tsx

@@ -20,7 +20,7 @@ export const Dashboard: React.FC = () => {
       <div className="max-w-7xl mx-auto py-4 px-3 sm:px-6 lg:px-8 h-full flex-grow">
         <div className="grid grid-cols-1 md:grid-cols-2 md:gap-4 lg:grid-cols-4 mb-10">
           {DASHBOARD_APPS(rootDomain!).map((app) => (
-            <DashboardCard app={app} key={app.name} rootDomain={rootDomain} />
+            <DashboardCard app={app} key={app.name} />
           ))}
         </div>
 
@@ -32,7 +32,7 @@ export const Dashboard: React.FC = () => {
           <dl className="mt-5 grid grid-cols-1 gap-2 sm:grid-cols-2">
             {DASHBOARD_QUICK_ACCESS(rootDomain!).map((item) => (
               <a
-                href={item.to}
+                href={item.url}
                 key={item.name}
                 target="_blank"
                 rel="noreferrer"

src/modules/dashboard/components/DashboardCard/DashboardCard.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Modal } from 'src/components';
 import ReactMarkdown from 'react-markdown';
 
-export const DashboardCard: React.FC<any> = ({ app, rootDomain }: { app: any; rootDomain: string }) => {
+export const DashboardCard: React.FC<any> = ({ app }: { app: any }) => {
   const [readMoreVisible, setReadMoreVisible] = useState(false);
   const [content, setContent] = useState('');
 
@@ -35,7 +35,7 @@ export const DashboardCard: React.FC<any> = ({ app, rootDomain }: { app: any; ro
         </div>
         <div className="px-2.5 py-2.5 sm:px-4 flex justify-end">
           <a
-            href={`${app.urlShorthand}.${rootDomain}`}
+            href={app.url}
             target="_blank"
             rel="noreferrer"
             className="inline-flex items-center px-2.5 py-1.5 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500"

src/modules/dashboard/consts.ts

@@ -35,7 +35,7 @@ export const DASHBOARD_QUICK_ACCESS = (rootDomain: string) => [
   {
     id: 1,
     name: 'Monitoring →',
-    to: `grafana.${rootDomain}`,
+    url: `grafana.${rootDomain}`,
     description: 'Monitor your system with Grafana',
     icon: ChartBarIcon,
     active: true,
@@ -43,7 +43,7 @@ export const DASHBOARD_QUICK_ACCESS = (rootDomain: string) => [
   {
     id: 2,
     name: 'Support →',
-    to: 'https://docs.stackspin.net',
+    url: 'https://docs.stackspin.net',
     description: 'Access documentation and forum',
     icon: InformationCircleIcon,
     active: true,