more fixes

uselagoon · Jan 15, 2025 · a0bcb84 · a0bcb84
1 parent fad58a9
commit a0bcb84
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/src/components/pages/projectDetails/projectDetailsPage.tsx b/src/components/pages/projectDetails/projectDetailsPage.tsx
@@ -5,6 +5,8 @@ import dayjs from '@/lib/dayjs';
 import { CopyToClipboard, DetailedStats } from '@uselagoon/ui-library';
 import giturlparse from 'git-url-parse';
 
+import { StyledGitLink } from './styles';
+
 interface ProjectDetailsProps {
   project: ProjectDetailsData['project'];
 }
@@ -32,15 +34,15 @@ export default function ProjectDetailsPage(props: ProjectDetailsProps) {
       key: 'origin',
       label: 'ORIGIN',
       children: (
-        <a className="hover-state" data-cy="gitLink" target="_blank" href={`https://${gitLink}`}>
+        <StyledGitLink className="hover-state" data-cy="gitLink" target="_blank" href={`https://${gitLink}`}>
           {gitLink}
-        </a>
+        </StyledGitLink>
       ),
     },
     {
       key: 'giturl',
       label: 'GIT URL',
-      children: <CopyToClipboard type="visible" withToolTip text={project.gitUrl} />,
+      children: <CopyToClipboard fontSize="1.5rem" type="visible" withToolTip text={project.gitUrl} />,
     },
     {
       key: 'branches',

diff --git a/src/components/pages/projectDetails/styles.tsx b/src/components/pages/projectDetails/styles.tsx
@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+
+export const StyledGitLink = styled.a`
+  word-wrap: break-word;
+  color: inherit;
+`;
diff --git a/yarn.lock b/yarn.lock
@@ -3412,7 +3412,7 @@
 
 "@uselagoon/ui-library@github:uselagoon/ui-library":
   version "1.1.2"
-  resolved "https://codeload.github.com/uselagoon/ui-library/tar.gz/1057ec867fbaa76898fb82b493ff806fab1e8aa2"
+  resolved "https://codeload.github.com/uselagoon/ui-library/tar.gz/ad2699ae17d334a2900c70cf92b6e2cd32caa849"
   dependencies:
     dayjs "^1.11.13"
     react-highlight-words "^0.20.0"
@@ -10323,6 +10323,7 @@ wordwrap@^1.0.0:
   integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+  name wrap-ansi-cjs
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==