Fix a small browser console warning

Signed-off-by: Fredrik Adelöw <freben@gmail.com>
backstage · Dec 21, 2021 · c5eb756 · c5eb756
1 parent 56386f6
commit c5eb756
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/.changeset/dirty-ways-learn.md b/.changeset/dirty-ways-learn.md
@@ -0,0 +1,6 @@
+---
+'@backstage/plugin-config-schema': patch
+'@backstage/plugin-scaffolder': patch
+---
+
+Fix a small browser console warning
diff --git a/plugins/config-schema/src/components/SchemaBrowser/SchemaBrowser.tsx b/plugins/config-schema/src/components/SchemaBrowser/SchemaBrowser.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { createStyles, fade, withStyles } from '@material-ui/core';
+import { createStyles, alpha, withStyles } from '@material-ui/core';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { TreeItem, TreeItemProps, TreeView } from '@material-ui/lab';
@@ -30,7 +30,7 @@ const StyledTreeItem = withStyles(theme =>
     group: {
       marginLeft: 7,
       paddingLeft: theme.spacing(1),
-      borderLeft: `1px solid ${fade(theme.palette.text.primary, 0.15)}`,
+      borderLeft: `1px solid ${alpha(theme.palette.text.primary, 0.15)}`,
     },
   }),
 )((props: TreeItemProps) => <TreeItem {...props} />);

diff --git a/plugins/scaffolder/src/components/ScaffolderPage/ScaffolderPage.tsx b/plugins/scaffolder/src/components/ScaffolderPage/ScaffolderPage.tsx
@@ -109,13 +109,15 @@ export const ScaffolderPageContents = ({
           </div>
           <div>
             {groups &&
-              groups.map(group => (
+              groups.map((group, index) => (
                 <TemplateList
+                  key={index}
                   TemplateCardComponent={TemplateCardComponent}
                   group={group}
                 />
               ))}
             <TemplateList
+              key="other"
               TemplateCardComponent={TemplateCardComponent}
               group={otherTemplatesGroup}
             />