Merge pull request #474 from OpenCatalogi/feature/OP-288/common-groun…

…d-rating-component-detail-page feature/OP-288/common-ground-rating-component-detail-page
OpenCatalogi · May 7, 2024 · 7ca5a48 · 7ca5a48
2 parents eab83c1 + 847bc2b
commit 7ca5a48
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/pwa/src/templates/componentDetail/ComponentsDetailTemplate.module.css b/pwa/src/templates/componentDetail/ComponentsDetailTemplate.module.css
@@ -333,7 +333,7 @@
 }
 
 .goldRatingButton {
-  background-color: #d4af37;
+  background-color: #d4af37 !important;
 }
 .goldRatingButton:hover,
 .goldRatingButton:active,
@@ -343,7 +343,7 @@
 }
 
 .silverRatingButton {
-  background-color: #bcc6cc;
+  background-color: #bcc6cc !important;
 }
 .silverRatingButton:hover,
 .silverRatingButton:active,
@@ -353,7 +353,7 @@
 }
 
 .bronzeRatingButton {
-  background-color: #a97142;
+  background-color: #a97142 !important;
 }
 .bronzeRatingButton:hover,
 .bronzeRatingButton:active,

diff --git a/pwa/src/templates/componentDetail/ComponentsDetailTemplate.tsx b/pwa/src/templates/componentDetail/ComponentsDetailTemplate.tsx
@@ -553,9 +553,8 @@ export const ComponentsDetailTemplate: React.FC<ComponentsDetailTemplateProps> =
                         e.preventDefault();
                       }}
                       data-tooltip-id={TOOLTIP_ID}
-                      data-tooltip-content={t(
-                        getCommongroundRating(_getComponent.data.embedded?.nl?.embedded?.commonground?.rating ?? 0),
-                      )}
+                      data-tooltip-content={`${t("This component has a rating of")} ${t(getCommongroundRating(_getComponent.data.embedded?.nl?.embedded?.commonground?.rating ?? 0))}`
+                      }
                     >
                       <Icon>
                         {getCommongroundImage(_getComponent.data.embedded?.nl?.embedded?.commonground?.rating ?? 0)}

diff --git a/pwa/src/translations/en.ts b/pwa/src/translations/en.ts
@@ -166,4 +166,5 @@ export const en = {
   "Show Total": "Show Total",
   "More information": "More information",
   "Common Ground rating": "Common Ground rating",
+  "This component has a rating of": "This component has a rating of",
 };
diff --git a/pwa/src/translations/nl.ts b/pwa/src/translations/nl.ts
@@ -169,4 +169,5 @@ export const nl = {
   "Show Total": "Toon Aantal",
   "More information": "Meer informatie",
   "Common Ground rating": "Common Ground beoordeling",
+  "This component has a rating of": "Dit component is beoordeeld met de status",
 };