diff --git a/.changeset/happy-avocados-tan.md b/.changeset/happy-avocados-tan.md
new file mode 100644
index 0000000000..9f087930d5
--- /dev/null
+++ b/.changeset/happy-avocados-tan.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Removed forced capitalization for Entity types in the catalog sidebar.
diff --git a/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.test.tsx b/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.test.tsx
index 4623cf5d9e..525c757dea 100644
--- a/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.test.tsx
+++ b/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.test.tsx
@@ -16,7 +16,6 @@
import React from 'react';
import { fireEvent, waitFor } from '@testing-library/react';
-import { capitalize } from 'lodash';
import { Entity } from '@backstage/catalog-model';
import { EntityTypePicker } from './EntityTypePicker';
import { MockEntityListContextProvider } from '../../testUtils/providers';
@@ -99,11 +98,11 @@ describe('', () => {
const input = rendered.getByTestId('select');
fireEvent.click(input);
- await waitFor(() => rendered.getByText('Service'));
+ await waitFor(() => rendered.getByText('service'));
entities.forEach(entity => {
expect(
- rendered.getByText(capitalize(entity.spec!.type as string)),
+ rendered.getByText(entity.spec!.type as string),
).toBeInTheDocument();
});
});
@@ -125,15 +124,15 @@ describe('', () => {
const input = rendered.getByTestId('select');
fireEvent.click(input);
- await waitFor(() => rendered.getByText('Service'));
- fireEvent.click(rendered.getByText('Service'));
+ await waitFor(() => rendered.getByText('service'));
+ fireEvent.click(rendered.getByText('service'));
expect(updateFilters).toHaveBeenLastCalledWith({
type: new EntityTypeFilter(['service']),
});
fireEvent.click(input);
- fireEvent.click(rendered.getByText('All'));
+ fireEvent.click(rendered.getByText('all'));
expect(updateFilters).toHaveBeenLastCalledWith({ type: undefined });
});
diff --git a/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.tsx b/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.tsx
index a0770ef30a..3e641e8e37 100644
--- a/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.tsx
+++ b/plugins/catalog-react/src/components/EntityTypePicker/EntityTypePicker.tsx
@@ -15,7 +15,6 @@
*/
import React, { useEffect } from 'react';
-import capitalize from 'lodash/capitalize';
import { Box } from '@material-ui/core';
import { useEntityTypeFilter } from '../../hooks/useEntityTypeFilter';
@@ -54,10 +53,10 @@ export const EntityTypePicker = (props: EntityTypePickerProps) => {
if (availableTypes.length === 0 || error) return null;
const items = [
- { value: 'all', label: 'All' },
+ { value: 'all', label: 'all' },
...availableTypes.map((type: string) => ({
value: type,
- label: capitalize(type),
+ label: type,
})),
];