From dc7d5a5424bff8f455019080a4154b77618b9dd9 Mon Sep 17 00:00:00 2001
From: Jason Kulatunga <jason@thesparktree.com>
Date: Sun, 10 Sep 2023 09:38:59 -0700
Subject: [PATCH] adding explore button to modal popup fixes #250

---
 .../medical-sources-connected.component.html  | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/medical-sources-connected/medical-sources-connected.component.html b/frontend/src/app/components/medical-sources-connected/medical-sources-connected.component.html
index 3451137cd..7741045b2 100644
--- a/frontend/src/app/components/medical-sources-connected/medical-sources-connected.component.html
+++ b/frontend/src/app/components/medical-sources-connected/medical-sources-connected.component.html
@@ -30,9 +30,27 @@ <h6>Manage Source</h6>
   </div>
 
   <div class="modal-footer">
-    <button (click)="sourceSyncHandler(modalSelectedSourceListItem.source)" type="button" class="btn btn-indigo">Sync</button>
-<!--    <button (click)="connectHandler($event, modalSelectedSourceListItem.source['source_type'])" type="button" class="btn btn-outline-light">Reconnect</button>-->
-    <button type="button" class="btn disabled btn-outline-danger">Delete</button>
+
+    <a routerLink="/explore/{{modalSelectedSourceListItem?.source?.id}}" (click)="modal.close()" type="button" class="btn btn-indigo mr-auto">Explore</a>
+
+
+    <div class="d-inline-block" ngbDropdown #actionsDrop="ngbDropdown">
+      <button
+        type="button"
+        class="btn btn-outline-indigo me-2"
+        id="dropdownManual"
+        ngbDropdownAnchor
+        (focus)="actionsDrop.open()"
+      >
+        Actions...
+      </button>
+      <div ngbDropdownMenu aria-labelledby="dropdownManual">
+        <button ngbDropdownItem (click)="sourceSyncHandler(modalSelectedSourceListItem.source)" type="button" class="btn btn-indigo">Sync</button>
+        <!--    <button ngbDropdownItem (click)="connectHandler($event, modalSelectedSourceListItem.source['source_type'])" type="button" class="btn btn-outline-light">Reconnect</button>-->
+        <button ngbDropdownItem type="button" class="btn disabled btn-outline-danger">Reconnect</button>
+        <button ngbDropdownItem type="button" class="btn disabled btn-outline-danger">Delete</button>
+      </div>
+    </div>
     <button (click)="modal.dismiss('Close click')" type="button" class="btn btn-outline-light">Close</button>
   </div>
 </ng-template>