From 3588a77994d98084d4cc9359c4c45afd22085a8d Mon Sep 17 00:00:00 2001
From: David Weber <david.weber@w3tec.ch>
Date: Fri, 29 Apr 2022 23:15:13 +0200
Subject: [PATCH] feat: rename use to adopt

Rename `use` to `adopt`, to reflect Zalando Tech Radar regarding quadrants and add link to Zalando explanation.

Signed-off-by: David Weber <david.weber@w3tec.ch>
---
 .changeset/cyan-boxes-double.md                 |  5 +++++
 plugins/tech-radar/src/components/RadarPage.tsx | 14 +++++++++++---
 plugins/tech-radar/src/sample.ts                | 16 ++++++++--------
 3 files changed, 24 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/cyan-boxes-double.md

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)}
           />
           <SupportButton>
-            This is used for visualizing the official guidelines of different
-            areas of software development such as languages, frameworks,
-            infrastructure and processes.
+            <p>
+              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{' '}
+              <Link to="https://opensource.zalando.com/tech-radar/">
+                Zalando Tech Radar
+              </Link>
+              .
+            </p>
           </SupportButton>
         </ContentHeader>
         <Grid container spacing={3} direction="row">
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<RadarRing>();
-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',
     },