Skip to content

fix(frontend): add rel=noopener noreferrer to target=_blank links #2505

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
malinskibeniamin merged 2 commits into from
Jun 15, 2026
Merged

fix(frontend): add rel=noopener noreferrer to target=_blank links #2505

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f5157ae
fix(frontend): add rel=noopener noreferrer to target=_blank links
malinskibeniamin Jun 13, 2026
ba4100d
style(frontend): wrap long external-link tags to satisfy formatter
malinskibeniamin Jun 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions frontend/src/components/pages/connect/overview.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@ class KafkaConnectOverview extends PageComponent<{
{this.props.isKafkaConnectEnabled
? 'Redpanda Connect is an alternative to Kafka Connect. Choose from a growing ecosystem of readily available connectors.'
: 'Redpanda Connect is a data streaming service for building scalable, high-performance data pipelines that drive real-time analytics and actionable business insights. Integrate data across systems with hundreds of prebuilt connectors, change data capture (CDC) capabilities, and YAML-configurable pipelines.'}{' '}
<Link href="https://docs.redpanda.com/redpanda-connect/home/" target="_blank">
<Link href="https://docs.redpanda.com/redpanda-connect/home/" rel="noopener noreferrer" target="_blank">
Learn more
</Link>
</Text>
Expand All @@ -179,7 +179,11 @@ class KafkaConnectOverview extends PageComponent<{
<Text>
Kafka Connect is our set of managed connectors. These provide a way to integrate your Redpanda data with
different data systems.{' '}
<Link href="https://docs.redpanda.com/redpanda-cloud/develop/managed-connectors/" target="_blank">
<Link
href="https://docs.redpanda.com/redpanda-cloud/develop/managed-connectors/"
rel="noopener noreferrer"
target="_blank"
>
Learn more.
</Link>
</Text>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/pages/quotas/quotas-list.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,7 @@ const QuotasList = () => {
<Section>
<Result
extra={
<Link href="https://docs.redpanda.com/docs/manage/console/" target="_blank">
<Link href="https://docs.redpanda.com/docs/manage/console/" rel="noopener noreferrer" target="_blank">
<Button variant="solid">Redpanda Console documentation for roles and permissions</Button>
</Link>
}
Expand Down
2 changes: 2 additions & 0 deletions frontend/src/components/pages/rp-connect/onboarding/add-user-step.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -545,6 +545,7 @@ export const AddUserStep = forwardRef<UserStepRef, AddUserStepProps & MotionProp
<TanStackRouterLink
className="text-blue-800"
params={{ userName: existingUserSelected.name }}
rel="noopener noreferrer"
target="_blank"
to="/security/users/$userName/details"
>
Expand Down Expand Up @@ -693,6 +694,7 @@ export const AddUserStep = forwardRef<UserStepRef, AddUserStepProps & MotionProp
<Text variant="small">
You will need to configure{' '}
<TanStackRouterLink
rel="noopener noreferrer"
target="_blank"
to={
isFeatureFlagEnabled('enableNewSecurityPage')
Expand Down
6 changes: 5 additions & 1 deletion frontend/src/components/pages/rp-connect/onboarding/connect-tiles.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -346,7 +346,11 @@ export const ConnectTiles = memo(
that drive real-time analytics and actionable business insights. Integrate data across systems with
hundreds of prebuilt connectors, change data capture (CDC) capabilities, and YAML-configurable
pipelines.{' '}
<Link href="https://docs.redpanda.com/redpanda-connect/home/" target="_blank">
<Link
href="https://docs.redpanda.com/redpanda-connect/home/"
rel="noopener noreferrer"
target="_blank"
>
Learn more
</Link>
</Text>
Expand Down
8 changes: 6 additions & 2 deletions frontend/src/components/pages/rp-connect/pipeline/list.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -698,7 +698,7 @@ const RedpandaConnectContent = () => (
Redpanda Connect is a data streaming service for building scalable, high-performance data pipelines that drive
real-time analytics and actionable business insights. Integrate data across systems with hundreds of prebuilt
connectors, change data capture (CDC) capabilities, and YAML-configurable pipelines.{' '}
<Link href="https://docs.redpanda.com/redpanda-connect/home/" target="_blank">
<Link href="https://docs.redpanda.com/redpanda-connect/home/" rel="noopener noreferrer" target="_blank">
Learn more
</Link>
</Text>
Expand Down Expand Up @@ -750,7 +750,11 @@ export const PipelineListPage = () => {
<Text>
Kafka Connect is our set of managed connectors. These provide a way to integrate your Redpanda data with
different data systems.{' '}
<Link href="https://docs.redpanda.com/redpanda-cloud/develop/managed-connectors/" target="_blank">
<Link
href="https://docs.redpanda.com/redpanda-cloud/develop/managed-connectors/"
rel="noopener noreferrer"
target="_blank"
>
Learn more
</Link>
</Text>
Expand Down
19 changes: 16 additions & 3 deletions frontend/src/components/pages/rp-connect/pipelines-create.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -131,15 +131,27 @@ const RpConnectPipelinesCreateContent = () => {
<div className="my-2">
<UIText>
For help creating your pipeline, see our{' '}
<UILink href="https://docs.redpanda.com/redpanda-cloud/develop/connect/connect-quickstart/" target="_blank">
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/connect-quickstart/"
rel="noopener noreferrer"
target="_blank"
>
quickstart
</UILink>
,{' '}
<UILink href="https://docs.redpanda.com/redpanda-cloud/develop/connect/cookbooks/" target="_blank">
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/cookbooks/"
rel="noopener noreferrer"
target="_blank"
>
library of examples
</UILink>
, and{' '}
<UILink href="https://docs.redpanda.com/redpanda-cloud/develop/connect/components/catalog/" target="_blank">
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/components/catalog/"
rel="noopener noreferrer"
target="_blank"
>
connector catalog
</UILink>
.
Expand Down Expand Up @@ -453,6 +465,7 @@ export const PipelineEditor = (p: {
This looks like a Kafka Connect configuration. For help with Redpanda Connect configurations,{' '}
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/connect-quickstart/"
rel="noopener noreferrer"
target="_blank"
>
see our quickstart documentation
Expand Down
18 changes: 15 additions & 3 deletions frontend/src/components/pages/rp-connect/pipelines-edit.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -147,15 +147,27 @@ const RpConnectPipelinesEditContent = ({ pipeline, pipelineId }: { pipeline: Pip
<div className="my-2">
<UIText>
For help editing your pipeline, see our{' '}
<UILink href="https://docs.redpanda.com/redpanda-cloud/develop/connect/connect-quickstart/" target="_blank">
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/connect-quickstart/"
rel="noopener noreferrer"
target="_blank"
>
quickstart documentation
</UILink>
, our{' '}
<UILink href="https://docs.redpanda.com/redpanda-cloud/develop/connect/cookbooks/" target="_blank">
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/cookbooks/"
rel="noopener noreferrer"
target="_blank"
>
library of examples
</UILink>
, or our{' '}
<UILink href="https://docs.redpanda.com/redpanda-cloud/develop/connect/components/catalog/" target="_blank">
<UILink
href="https://docs.redpanda.com/redpanda-cloud/develop/connect/components/catalog/"
rel="noopener noreferrer"
target="_blank"
>
connector catalog
</UILink>
.
Expand Down
6 changes: 5 additions & 1 deletion frontend/src/components/pages/transcripts/transcript-list-page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -768,7 +768,11 @@ export const TranscriptListPage: FC<TranscriptListPageProps> = ({ disableFacetin
<Text variant="muted">
Trace and debug AI requests across your agentic dataplane — view LLM calls, tool invocations, and spans from
agents, gateways, and services.{' '}
<Link href="https://docs.redpanda.com/redpanda-cloud/ai-agents/observability" target="_blank">
<Link
href="https://docs.redpanda.com/redpanda-cloud/ai-agents/observability"
rel="noopener noreferrer"
target="_blank"
>
Learn more
</Link>
</Text>
Expand Down
Loading