chore: issue PR card styled

cra-rxjs-styled-components/src/components/issue-pr-card/IssuePRCard.styles.tsx

@@ -64,6 +64,8 @@ export const IssuePRCardWrapper = styled.div`
 		.message {
 			${flex};
 			justify-content: flex-end;
+			align-items: center;
+			gap: 0.1rem;
 			& .icon {
 				font-size: 1.1rem;
 			}

cra-rxjs-styled-components/src/components/pull-request/PullRequest.stories.tsx

@@ -48,7 +48,7 @@ OpenPullRequests.args = {
 			merged_at: null,
 			repository_url: '/',
 			comments: '',
-			labels: [],
+			labels: [{name: 'dependency', color: '633bcc'}],
 		},
 		{
 			title: '[Nuxt - Pinia - Tailwind] Get PRs comments',
@@ -64,7 +64,7 @@ OpenPullRequests.args = {
 		},
 		{
 			title: '[CRA-RXJS-SC] Fix PR API fetch',
-			number: '2',
+			number: '3',
 			created_at: date,
 			user: { login: 'kodejuice' },
 			state: 'open',

cra-rxjs-styled-components/src/components/pull-request/pull-request/PullRequest.view.tsx

@@ -42,10 +42,6 @@ export default function PullRequestView({
 		window.scrollTo({ top: 0, behavior: 'smooth' });
 	};
 
-	console.log('====================================');
-	console.log(pullRequests);
-	console.log('====================================');
-
 	return (
 		<Wrapper>
 			<Content>
@@ -93,7 +89,7 @@ export default function PullRequestView({
 			</Content>
 
 			<PaginationContainer>
-				<ReactPaginate
+				{ pageCount > 1 && (<ReactPaginate
 					breakLabel="..."
 					nextLabel="Next >"
 					marginPagesDisplayed={1}
@@ -108,7 +104,7 @@ export default function PullRequestView({
 					nextClassName={'pagination__link_end'}
 					disabledClassName={'pagination__link--disabled'}
 					activeClassName={'pagination__link--active'}
-				/>
+				/>)}
 			</PaginationContainer>
 		</Wrapper>
 	);