diff --git a/src/components/pages/projectDetails/projectDetailsPage.tsx b/src/components/pages/projectDetails/projectDetailsPage.tsx index 586c6f3f..b91fa3b2 100644 --- 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: ( - + {gitLink} - + ), }, { key: 'giturl', label: 'GIT URL', - children: , + children: , }, { key: 'branches', diff --git a/src/components/pages/projectDetails/styles.tsx b/src/components/pages/projectDetails/styles.tsx new file mode 100644 index 00000000..eb9d5985 --- /dev/null +++ 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 index 159d6a85..bc3c627c 100644 --- 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==