chore: modified repo card

thisdot · Aug 9, 2023 · 28bfe0a · 28bfe0a
1 parent 6118786
commit 28bfe0a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx b/cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx
@@ -17,9 +17,10 @@ import {
 interface RepoCardProps {
 	repo: Repository;
 	star?: boolean;
+	isMainPage?: boolean;
 }
 
-function RepoCard({ repo, star }: RepoCardProps) {
+function RepoCard({ repo, star, isMainPage }: RepoCardProps) {
 	const {
 		id,
 		name,
@@ -32,11 +33,19 @@ function RepoCard({ repo, star }: RepoCardProps) {
 		visibility,
 	} = repo;
 
+	const repoNameWithOwnerLink = () =>
+		owner?.login ? `/${owner.login}/${name || ''}` : '';
+
+	const repoNameWithOwner = () =>
+		`${isMainPage ? `${owner?.login + '/' || ''}` : ''}${name || ''}`;
+
 	return (
 		<Containers key={id} star={star}>
 			<Content>
 				<Header>
-					<HeadingLink to={`/${owner.login}/${name}`}>{name}</HeadingLink>
+					<HeadingLink to={repoNameWithOwnerLink()}>
+						{repoNameWithOwner()}
+					</HeadingLink>
 					<BadgeWrapper>
 						<PrivacyBadge visibility={visibility} />
 					</BadgeWrapper>

diff --git a/cra-rxjs-styled-components/src/routes/user-top-repos.tsx b/cra-rxjs-styled-components/src/routes/user-top-repos.tsx
@@ -93,7 +93,7 @@ export default function TopRepos() {
 							) : (
 								<>
 									{topRepositories.map((repo) => (
-										<RepoCard repo={repo} key={repo.id} />
+										<RepoCard repo={repo} key={repo.id} isMainPage />
 									))}
 									<ViewRepositoriesContainer>
 										<ViewRepositoriesLink href={`/${user?.login}`}>