From 4d922b74770db17b62e3704f69e85863bf12d3ab Mon Sep 17 00:00:00 2001
From: Wendelin <12148533+wendevlin@users.noreply.github.com>
Date: Thu, 28 Nov 2024 16:57:55 +0100
Subject: [PATCH] Add bronze to IQS section and sync naming with ha frontend
 (#36038)

---
 source/_includes/asides/component_navigation.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/source/_includes/asides/component_navigation.html b/source/_includes/asides/component_navigation.html
index 784c053fb1c..316971e2dc9 100644
--- a/source/_includes/asides/component_navigation.html
+++ b/source/_includes/asides/component_navigation.html
@@ -58,11 +58,13 @@
   
   {%- if page.ha_quality_scale %}
   <div class='section'>  
-    {% if page.ha_quality_scale == "silver" %}🥈 This is a great integration!<br />{%- endif -%}
-    {% if page.ha_quality_scale == "gold" %}🥇 This is a solid integration!<br />{%- endif -%}
-    {% if page.ha_quality_scale == "platinum" %}🏆 Best of the best!<br />{%- endif -%}
-    {% if page.ha_quality_scale == "internal" %}🏠 Under core!<br />{%- endif -%}
-    It scores {{page.ha_quality_scale}} on our <a href='/docs/quality_scale/'>quality scale</a>
+    {% if page.ha_quality_scale == "bronze" %}<a href='/docs/quality_scale/#-bronze'>🥉 Bronze quality</a><br />{%- endif -%}
+    {% if page.ha_quality_scale == "silver" %}<a href='/docs/quality_scale/#-silver'>🥈 Silver quality</a><br />{%- endif -%}
+    {% if page.ha_quality_scale == "gold" %}<a href='/docs/quality_scale/#-gold'>🥇 Gold quality</a><br />{%- endif -%}
+    {% if page.ha_quality_scale == "platinum" %}<a href='/docs/quality_scale/#-platinum'>🏆 Platinum quality</a><br />{%- endif -%}
+    {% if page.ha_quality_scale == "internal" %}<a href='/docs/quality_scale/#-internal'>🏠 Internal integration</a><br />{%- endif -%}
+    {% if page.ha_quality_scale == "legacy" %}<a href='/docs/quality_scale/#-legacy'>💾 Legacy integration</a><br />{%- endif -%}
+    {% if page.ha_quality_scale == "custom" %}<a href='/docs/quality_scale/#-custom'>📦 Custom integration</a><br />{%- endif -%}
   </div>
   {%- endif -%}