diff --git a/.changeset/cyan-boxes-double.md b/.changeset/cyan-boxes-double.md
new file mode 100644
index 0000000000..273fc08e17
--- /dev/null
+++ b/.changeset/cyan-boxes-double.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-tech-radar': patch
+---
+
+Rename `use` to `adopt`, to reflect Zalando Tech Radar regarding quadrants and add link to Zalando explanation.
diff --git a/plugins/tech-radar/src/components/RadarPage.tsx b/plugins/tech-radar/src/components/RadarPage.tsx
index 89c5ad5e72..17e481fcc4 100644
--- a/plugins/tech-radar/src/components/RadarPage.tsx
+++ b/plugins/tech-radar/src/components/RadarPage.tsx
@@ -20,6 +20,7 @@ import {
Header,
Page,
SupportButton,
+ Link,
} from '@backstage/core-components';
import { Grid, Input, makeStyles } from '@material-ui/core';
import React from 'react';
@@ -74,9 +75,16 @@ export function RadarPage(props: TechRadarPageProps) {
onChange={e => setSearchText(e.target.value)}
/>
- This is used for visualizing the official guidelines of different
- areas of software development such as languages, frameworks,
- infrastructure and processes.
+
+ This is used for visualizing the official guidelines of different
+ areas of software development such as languages, frameworks,
+ infrastructure and processes. You can find an explanation for the
+ radar at{' '}
+
+ Zalando Tech Radar
+
+ .
+
diff --git a/plugins/tech-radar/src/sample.ts b/plugins/tech-radar/src/sample.ts
index fee5f8cdbf..174bd7750f 100644
--- a/plugins/tech-radar/src/sample.ts
+++ b/plugins/tech-radar/src/sample.ts
@@ -23,7 +23,7 @@ import {
} from './api';
const rings = new Array();
-rings.push({ id: 'use', name: 'USE', color: '#93c47d' });
+rings.push({ id: 'adopt', name: 'ADOPT', color: '#93c47d' });
rings.push({ id: 'trial', name: 'TRIAL', color: '#93d2c2' });
rings.push({ id: 'assess', name: 'ASSESS', color: '#fbdb84' });
rings.push({ id: 'hold', name: 'HOLD', color: '#efafa9' });
@@ -39,7 +39,7 @@ entries.push({
timeline: [
{
moved: 0,
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
@@ -57,7 +57,7 @@ entries.push({
timeline: [
{
moved: -1,
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
description:
'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat',
@@ -75,7 +75,7 @@ entries.push({
timeline: [
{
moved: 1,
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
description:
'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur',
@@ -91,7 +91,7 @@ entries.push({
timeline: [
{
moved: 0,
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
},
],
@@ -105,7 +105,7 @@ entries.push({
timeline: [
{
moved: 0,
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
},
],
@@ -133,7 +133,7 @@ entries.push({
timeline: [
{
moved: 0,
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
},
],
@@ -159,7 +159,7 @@ entries.push({
entries.push({
timeline: [
{
- ringId: 'use',
+ ringId: 'adopt',
date: new Date('2020-08-06'),
description: 'long description',
},