From 2c27b4f4fd264dd597326b6e6ec62678e53c4fb9 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Sat, 10 Apr 2021 12:02:41 +0200
Subject: [PATCH] config-schema: clean up main page

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .../ConfigSchemaPage/ConfigSchemaPage.tsx      | 18 ++----------------
 .../components/SchemaViewer/SchemaViewer.tsx   |  4 ++--
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/plugins/config-schema/src/components/ConfigSchemaPage/ConfigSchemaPage.tsx b/plugins/config-schema/src/components/ConfigSchemaPage/ConfigSchemaPage.tsx
index 689ac4379f..add916e997 100644
--- a/plugins/config-schema/src/components/ConfigSchemaPage/ConfigSchemaPage.tsx
+++ b/plugins/config-schema/src/components/ConfigSchemaPage/ConfigSchemaPage.tsx
@@ -14,15 +14,7 @@
  * limitations under the License.
  */
 import React, { useMemo } from 'react';
-import {
-  Header,
-  Page,
-  Content,
-  ContentHeader,
-  HeaderLabel,
-  SupportButton,
-  useApi,
-} from '@backstage/core';
+import { Header, Page, Content, useApi } from '@backstage/core';
 import { useObservable } from 'react-use';
 import { configSchemaApiRef } from '../../api';
 import { SchemaViewer } from '../SchemaViewer';
@@ -35,14 +27,8 @@ export const ConfigSchemaPage = () => {
 
   return (
     <Page themeId="tool">
-      <Header title="Welcome to config-schema!">
-        <HeaderLabel label="Owner" value="Team X" />
-        <HeaderLabel label="Lifecycle" value="Alpha" />
-      </Header>
+      <Header title="Configuration Documentation" />
       <Content stretch>
-        <ContentHeader title="Plugin title">
-          <SupportButton>A description of your plugin goes here.</SupportButton>
-        </ContentHeader>
         {schema ? <SchemaViewer schema={schema} /> : 'No schema available'}
       </Content>
     </Page>
diff --git a/plugins/config-schema/src/components/SchemaViewer/SchemaViewer.tsx b/plugins/config-schema/src/components/SchemaViewer/SchemaViewer.tsx
index 6b8eab67e7..e34755a39e 100644
--- a/plugins/config-schema/src/components/SchemaViewer/SchemaViewer.tsx
+++ b/plugins/config-schema/src/components/SchemaViewer/SchemaViewer.tsx
@@ -403,7 +403,7 @@ export function MatchView({
       <Typography variant="overline">{label}</Typography>
       {schema.map((optionSchema, index) => (
         <ChildView
-          path={`${path}/${index}`}
+          path={`${path}/${index + 1}`}
           depth={depth + 1}
           schema={optionSchema}
           lastChild={index === schema.length - 1}
@@ -486,7 +486,7 @@ export function createSchemaBrowserItems(
   }
   if (matchArr) {
     return matchArr.map((childSchema, index) => {
-      const childPath = `${path}.${index}`;
+      const childPath = `${path}/${index + 1}`;
       if (depth > 0) expanded.push(childPath);
       return (
         <StyledTreeItem