From 51dba6da3a37e2f32fa2942727fd2ac3d49913a2 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Wed, 21 Feb 2024 14:22:44 +0200
Subject: [PATCH] [develop | DONE | CHANGED]: quick-contact.component: Added
 field "quickContactClicked" initially set to false and when help button is
 clicked, it is set to true and card is displayed (--> recaptcha is loaded
 only if the users clicks on the button).

---
 sharedComponents/quick-contact/quick-contact.component.html | 4 ++--
 sharedComponents/quick-contact/quick-contact.component.ts   | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/sharedComponents/quick-contact/quick-contact.component.html b/sharedComponents/quick-contact/quick-contact.component.html
index 116060f7..d43d55d4 100644
--- a/sharedComponents/quick-contact/quick-contact.component.html
+++ b/sharedComponents/quick-contact/quick-contact.component.html
@@ -1,12 +1,12 @@
 <div class="quick-contact">
-	<button class="uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle">
+	<button class="uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle" (click)="quickContactClicked=true">
 		<icon *ngIf="!showDrop" name="mail" [flex]="true"></icon>
 		<icon *ngIf="showDrop" name="close" [flex]="true"></icon>
 		<span class="uk-margin-small-left">{{contact}}</span>
 	</button>
 	<div #drop id="quick-contact" class="uk-drop"
 			 uk-drop="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20">
-		<div class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1">
+		<div *ngIf="quickContactClicked" class="uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1">
 			<div class="uk-card-header uk-padding-small uk-text-center" [class.uk-light]="backgroundHeader.dark" [ngClass]="backgroundHeader.class">
 				<div class="uk-text-small">
 					Send a message
diff --git a/sharedComponents/quick-contact/quick-contact.component.ts b/sharedComponents/quick-contact/quick-contact.component.ts
index bf8f75e9..ccf17492 100644
--- a/sharedComponents/quick-contact/quick-contact.component.ts
+++ b/sharedComponents/quick-contact/quick-contact.component.ts
@@ -11,6 +11,7 @@ declare var UIkit;
   styleUrls: ['quick-contact.component.less']
 })
 export class QuickContactComponent implements OnInit, OnDestroy {
+  public quickContactClicked: boolean = false;
   public showDrop: boolean = false;
   @Input()
   public contactForm: FormGroup;