Add nofollow tag to all status links to prevent unwanted indexing (#205)

FuturePortal · Feb 8, 2024 · ec121a7 · ec121a7
1 parent ceae69d
commit ec121a7
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/frontend/App/Statuses/Status/Merge/Merge.tsx b/frontend/App/Statuses/Status/Merge/Merge.tsx
@@ -16,7 +16,7 @@ const Merge = ({ title, url }: Props): ReactElement | null => {
 
 	if (url) {
 		return (
-			<LinkBox href={url} target="_blank">
+			<LinkBox href={url} target="_blank" rel="nofollow">
 				<Icon icon="merge_type" /> {title || 'request'}
 			</LinkBox>
 		);

diff --git a/frontend/App/Statuses/Status/Source/Source.tsx b/frontend/App/Statuses/Status/Source/Source.tsx
@@ -33,7 +33,7 @@ const Source = ({ type, url }: Props): ReactElement => {
 
 	if (url) {
 		return (
-			<LinkBox href={url} target="_blank">
+			<LinkBox href={url} target="_blank" rel="nofollow">
 				{getIcon(type)}
 			</LinkBox>
 		);

diff --git a/frontend/App/Statuses/Status/Status.style.tsx b/frontend/App/Statuses/Status/Status.style.tsx
@@ -19,7 +19,7 @@ const boxBase = css`
 	border-radius: 0.25rem;
 	min-width: 1.6em;
 	min-height: 2rem;
-	max-width: 15rem;
+	max-width: 20rem;
 	${ellipsis};
 
 	svg {

diff --git a/frontend/App/Statuses/Status/Status.tsx b/frontend/App/Statuses/Status/Status.tsx
@@ -51,7 +51,7 @@ const Statuses = ({ status }: Props): ReactElement => {
 						)}
 						<Merge title={status.mergeTitle} url={status.mergeUrl} />
 						{status.url && (
-							<LinkBox href={status.url} target="_blank">
+							<LinkBox href={status.url} target="_blank" rel="nofollow">
 								<Icon icon="launch" /> {pettyUrl(status.url)}
 							</LinkBox>
 						)}

diff --git a/frontend/App/Statuses/Status/User/User.tsx b/frontend/App/Statuses/Status/User/User.tsx
@@ -16,7 +16,7 @@ const User = ({ username, url }: Props): ReactElement | null => {
 
 	if (url) {
 		return (
-			<LinkBox href={url} target="_blank">
+			<LinkBox href={url} target="_blank" rel="nofollow">
 				<Icon icon="person" /> {username || 'User'}
 			</LinkBox>
 		);