add support link on the navbar (#282)

Add Support link to navbar
azimuth-cloud · Nov 12, 2024 · 702579d · 702579d
1 parent d9a6cf2
commit 702579d
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 1 deletion.
diff --git a/api/azimuth/settings.py b/api/azimuth/settings.py
@@ -266,5 +266,7 @@ class AzimuthSettings(SettingsObject):
     #: URL for documentation
     DOCUMENTATION_URL = Setting(default = "https://azimuth-cloud.github.io/azimuth-user-docs/")
 
-
+    #: URL for Support
+    SUPPORT_URL = Setting(default = None)
+
 cloud_settings = AzimuthSettings("AZIMUTH")
diff --git a/api/azimuth/views.py b/api/azimuth/views.py
@@ -290,6 +290,7 @@ def cloud_info(request):
         "links": {
             "session": request.build_absolute_uri(reverse("azimuth:session")),
             "documentation": cloud_settings.DOCUMENTATION_URL,
+            "support": cloud_settings.SUPPORT_URL,
         }
     }
     if cloud_settings.METRICS.CLOUD_METRICS_URL:

diff --git a/chart/files/api/settings/02-cloud-common.yaml b/chart/files/api/settings/02-cloud-common.yaml
@@ -22,6 +22,9 @@ AZIMUTH:
   {{- with .Values.settings.documentationUrl }}
   DOCUMENTATION_URL: {{ quote . }}
   {{- end }}
+  {{- with .Values.settings.supportUrl }}
+  SUPPORT_URL: {{ quote . }}
+  {{- end }}
   {{- with .Values.settings.curatedSizes }}
   CURATED_SIZES: {{ toYaml . | nindent 8 }}
   {{- end }}
diff --git a/chart/values.yaml b/chart/values.yaml
@@ -165,6 +165,7 @@ settings:
   # The URL for documentation
   # By default, the standard Azimuth user documentation will be used
   documentationUrl:
+  supportUrl:
   # The name of the CSRF cookie
   csrfCookieName:
   # The name of the session cookie

diff --git a/ui/src/components/navigation.js b/ui/src/components/navigation.js
@@ -19,6 +19,7 @@ import {
     faCloud,
     faSignOutAlt,
     faTachometerAlt,
+    faLifeRing,
 } from '@fortawesome/free-solid-svg-icons';
 
 import { sortBy, Loading } from './utils';
@@ -89,6 +90,12 @@ export const Navigation = ({
                                 Documentation
                             </Nav.Link>
                         )}
+                        {links && links.support && (
+                            <Nav.Link href={links.support} target="_blank" active={false}>
+                                <FontAwesomeIcon icon={faLifeRing} className="me-2" />
+                                Support
+                            </Nav.Link>
+                        )}
                         {username ? (
                             <Nav.Link href={`/auth/logout/?next=/`} active={false}>
                                 <FontAwesomeIcon icon={faSignOutAlt} className="me-2" />