From 1d710dc678e3c774b424ebb3c316fd3aaf323f7a Mon Sep 17 00:00:00 2001
From: Tsiry Sandratraina <tsiry.sndr@fluentci.io>
Date: Fri, 30 Aug 2024 15:05:35 +0000
Subject: [PATCH] open github repo url on new tab

---
 .../Home/MainContent/MainContent.tsx          | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/webui/src/Containers/Home/MainContent/MainContent.tsx b/webui/src/Containers/Home/MainContent/MainContent.tsx
index 3f6809e..02c65b9 100644
--- a/webui/src/Containers/Home/MainContent/MainContent.tsx
+++ b/webui/src/Containers/Home/MainContent/MainContent.tsx
@@ -127,7 +127,13 @@ const MainContent: FC<MainContentProps> = (props) => {
                           </Path>
                         )}
                       </Link>
-
+                      <div>
+                        {item.tags
+                          ?.filter((x) => x)
+                          .map((tag, index) => (
+                            <Tag key={index}>{tag}</Tag>
+                          ))}
+                      </div>
                       {item.repositoryUrl && (
                         <div>
                           <GithubOutline
@@ -135,7 +141,10 @@ const MainContent: FC<MainContentProps> = (props) => {
                             color={"#fff"}
                             style={{ marginRight: 10 }}
                           />
-                          <LinkGithubRepo href={item.repositoryUrl!}>
+                          <LinkGithubRepo
+                            href={item.repositoryUrl!}
+                            target="_blank"
+                          >
                             {item.repositoryUrl.replace(
                               "https://github.com/",
                               ""
@@ -143,13 +152,6 @@ const MainContent: FC<MainContentProps> = (props) => {
                           </LinkGithubRepo>
                         </div>
                       )}
-                      <div>
-                        {item.tags
-                          ?.filter((x) => x)
-                          .map((tag, index) => (
-                            <Tag key={index}>{tag}</Tag>
-                          ))}
-                      </div>
                     </div>
                     {_.get(item, "recentRuns.0.status") && (
                       <BuildHistory