Add link to Grafana dahsboard

Author: Starefossen

quotes-frontend/next.config.js

@@ -30,7 +30,8 @@ module.exports = {
   },
   publicRuntimeConfig: {
     githubUrl: 'https://github.com/nais/examples/tree/main/quotes-frontend',
-    grafanaLogsUrl: "https://grafana.nav.cloud.nais.io/a/grafana-lokiexplore-app/explore/service/quotes-frontend/logs?from=now-1h&to=now&var-ds=P7BE696147D279490&var-filters=service_name%7C%3D%7Cquotes-frontend"
+    grafanaLogsUrl: "https://grafana.nav.cloud.nais.io/a/grafana-lokiexplore-app/explore/service/quotes-frontend/logs?from=now-1h&to=now&var-ds=P7BE696147D279490&var-filters=service_name%7C%3D%7Cquotes-frontend",
+    grafanaDashboardUrl: "https://grafana.nav.cloud.nais.io/d/eemcfslr8f94wb/nais-quotes?orgId=1&from=now-3h&to=now&timezone=browser&var-Filters="
   },
   env: {
     NEXT_PUBLIC_BACKEND_URL: process.env.NEXT_PUBLIC_BACKEND_URL || 'http://quotes-backend',

quotes-frontend/src/app/layout.tsx

@@ -21,6 +21,7 @@ export const metadata: Metadata = {
 
 const { publicRuntimeConfig } = getConfig();
 const grafanaLogsUrl = publicRuntimeConfig.grafanaLogsUrl;
+const grafanaDashboardUrl = publicRuntimeConfig.grafanaDashboardUrl;
 const githubUrl = publicRuntimeConfig.githubUrl;
 
 export default function RootLayout({
@@ -39,6 +40,9 @@ export default function RootLayout({
             <a href={grafanaLogsUrl} className="text-gray-400 hover:text-white flex items-center" target="_blank" rel="noopener noreferrer">
               <DocumentMagnifyingGlassIcon className="h-5 w-5 mr-1" /> View Logs
             </a>
+            <a href={grafanaDashboardUrl} className="text-gray-400 hover:text-white flex items-center" target="_blank" rel="noopener noreferrer">
+              <DocumentMagnifyingGlassIcon className="h-5 w-5 mr-1" /> Grafana Dashboard
+            </a>
             <a href={githubUrl} className="text-gray-400 hover:text-white flex items-center" target="_blank" rel="noopener noreferrer">
               <CodeBracketIcon className="h-5 w-5 mr-1" /> View Source
             </a>