diff --git a/ui/projects/ask/src/app/home/home.component.html b/ui/projects/ask/src/app/home/home.component.html
index f1ae836..313526d 100644
--- a/ui/projects/ask/src/app/home/home.component.html
+++ b/ui/projects/ask/src/app/home/home.component.html
@@ -33,8 +33,10 @@
…and we'll try to locate the answer in
Not sure what to search for? Here are a few examples:
- @for (example of deployment?.examples ; track example) {
-
- "{{ example }}"
+ @for (example of deployment?.examples ; track example) {
+
}
diff --git a/ui/projects/ask/src/app/home/home.component.less b/ui/projects/ask/src/app/home/home.component.less
index 8a9cc32..f36e8a8 100644
--- a/ui/projects/ask/src/app/home/home.component.less
+++ b/ui/projects/ask/src/app/home/home.component.less
@@ -219,6 +219,11 @@
.font-sans-400;
font-size: 16px;
font-style: italic;
+ a {
+ cursor: pointer;
+ text-decoration: underline;
+ color: @color-blue-2;
+ }
}
}
}
diff --git a/ui/projects/ask/src/app/home/home.component.ts b/ui/projects/ask/src/app/home/home.component.ts
index d78cd2d..160f262 100644
--- a/ui/projects/ask/src/app/home/home.component.ts
+++ b/ui/projects/ask/src/app/home/home.component.ts
@@ -91,10 +91,11 @@ export class HomeComponent {
});
}
- ask() {
- if (this.question) {
+ ask(example?: string) {
+ const question = example || this.question;
+ if (question) {
this.loading = true;
- this.api.getAnswer(undefined, this.question, this.deployment_id)
+ this.api.getAnswer(undefined, question, this.deployment_id)
.pipe(
catchError((error) => {
this.setAnswer('Error: ' + error.message);