Alter not-found search text

axonivy-market · Jul 22, 2024 · e50480e · e50480e
1 parent e3314fd
commit e50480e
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 6 deletions.
diff --git a/marketplace-ui/src/app/modules/product/product.component.html b/marketplace-ui/src/app/modules/product/product.component.html
@@ -36,8 +36,17 @@ <h4 class="text-secondary">
       }
     </div>
   } @else {
-    <div class="h1 product-container text-center align-items-center">
-      {{ 'common.nothingFound' | translate }}
+    <div
+      class="d-flex flex-column align-items-center justify-content-center w-100">
+      <div class="not-found-result w-100">
+        <img
+          src="/assets/images/misc/search-off.svg"
+          alt="Search not found"
+          class="mx-auto d-block" />
+        <div
+          class="h5 text-center not-found-text"
+          [innerHTML]="'common.nothingFound' | translate"></div>
+      </div>
     </div>
   }
 

diff --git a/marketplace-ui/src/app/modules/product/product.component.scss b/marketplace-ui/src/app/modules/product/product.component.scss
@@ -2,6 +2,17 @@
   min-height: 6em;
 }
 
-.mt-8{
+.mt-8 {
   margin-top: 8rem;
 }
+
+.not-found-result {
+  max-width: 500px;
+  margin-bottom: 4rem;
+
+  .not-found-text {
+    line-height: 140%;
+    color: var(--text-no-rating-color);
+    margin-top: 20px;
+  }
+}
diff --git a/marketplace-ui/src/assets/i18n/de.yaml b/marketplace-ui/src/assets/i18n/de.yaml
@@ -35,7 +35,7 @@ common:
       lowest: Niedrigste
   search:
     placeholder: Suche
-  nothingFound: Nichts gefunden
+  nothingFound: Leider hat deine Suche keinen Treffer ergeben.<br /> Ändere deinen Suchbegriff oder stöbere in unseren Kategorien nach ähnlichen Themen.
   header:
     download: Download
   footer:

diff --git a/marketplace-ui/src/assets/i18n/en.yaml b/marketplace-ui/src/assets/i18n/en.yaml
@@ -39,7 +39,7 @@ common:
       lowest: Lowest
   search:
     placeholder: Search a keyword
-  nothingFound: Nothing found
+  nothingFound: Your search did not yield any results.<br /> Please modify your search terms or browse our categories for related content.
   header:
     download: Download
   footer:
@@ -88,7 +88,7 @@ common:
           label: Choose artifact
   feedback:
     label: Feedback
-    successMessage: Your feedback has been successfully submitted! 
+    successMessage: Your feedback has been successfully submitted!
     thankMessage: Thank you for your contribution
     addFeedbackTitle: Give your feedback!
     addFeedbackDescription: By giving your feedback you are enabling us to constantly improve our products and always deliver the best quality to both you and your team.

diff --git a/marketplace-ui/src/assets/images/misc/search-off.svg b/marketplace-ui/src/assets/images/misc/search-off.svg