From b796dc39f03e817ce32c3c3f9a8d8a1adff8f5a8 Mon Sep 17 00:00:00 2001
From: Lencodes <contact@lencodes.com>
Date: Tue, 7 Nov 2023 15:26:28 +0100
Subject: [PATCH] REFACTOR Component detail template to include links to
 synchronisations

---
 .../componentDetail/ComponentsDetailTemplate.tsx      | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pwa/src/templates/componentDetail/ComponentsDetailTemplate.tsx b/pwa/src/templates/componentDetail/ComponentsDetailTemplate.tsx
index c5921b1fc..a72712a5b 100644
--- a/pwa/src/templates/componentDetail/ComponentsDetailTemplate.tsx
+++ b/pwa/src/templates/componentDetail/ComponentsDetailTemplate.tsx
@@ -239,16 +239,19 @@ export const ComponentsDetailTemplate: React.FC<ComponentsDetailTemplateProps> =
               </Button> */}
 
               {_getComponent.data.embedded?.url?.url && (
-                <Button
-                  appearance="secondary-action-button"
-                  onClick={() => open(_getComponent.data.embedded?.url?.url)}
-                >
+                <Button appearance="primary-action-button" onClick={() => open(_getComponent.data.embedded?.url?.url)}>
                   <Icon>
                     <GitHubLogo />
                   </Icon>{" "}
                   {t("View Repository")}
                 </Button>
               )}
+
+              {_getComponent.data._self?.synchronizations?.map((synchronization: any) => (
+                <Button appearance="secondary-action-button" onClick={() => open(synchronization.source.location)}>
+                  {synchronization.source.name}
+                </Button>
+              ))}
             </div>
           </div>