diff --git a/package.json b/package.json
index 83288cbc..10d1e2d3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@equinor/amplify-component-lib",
- "version": "9.7.2",
+ "version": "9.7.3",
"description": "Frontend Typescript components for the Amplify team",
"main": "dist/index.js",
"types": "dist/index.d.ts",
diff --git a/src/organisms/Filter/QuickFilter.test.tsx b/src/organisms/Filter/QuickFilter.test.tsx
index 09861553..b6128098 100644
--- a/src/organisms/Filter/QuickFilter.test.tsx
+++ b/src/organisms/Filter/QuickFilter.test.tsx
@@ -62,3 +62,31 @@ test('Sets active like expected', async () => {
expect(onQuickFilter).toHaveBeenCalledWith(key, item);
});
+
+test('Label works as expected', () => {
+ const label = faker.airline.airplane().name;
+ const items = {
+ [faker.lorem.word()]: new Array(faker.number.int({ min: 1, max: 5 }))
+ .fill(0)
+ .map(() => {
+ return {
+ value: faker.string.uuid(),
+ label: faker.string.uuid(),
+ };
+ }),
+ };
+ const key = Object.keys(items)[0];
+ const onQuickFilter = vi.fn();
+ render(
+
+ );
+
+ expect(screen.getByRole('button', { name: label })).toBeInTheDocument();
+});
diff --git a/src/organisms/Filter/QuickFilter.tsx b/src/organisms/Filter/QuickFilter.tsx
index 1b0273d4..a0b21bbd 100644
--- a/src/organisms/Filter/QuickFilter.tsx
+++ b/src/organisms/Filter/QuickFilter.tsx
@@ -11,12 +11,14 @@ interface QuickFilterProps {
values: FilterProps['values'];
items: Record;
onQuickFilter: (key: T, value: SelectOptionRequired) => void;
+ label?: string;
}
export function QuickFilter({
values,
items,
onQuickFilter,
+ label = 'Quick filter',
}: QuickFilterProps) {
const [isOpen, setIsOpen] = useState(false);
@@ -38,7 +40,7 @@ export function QuickFilter({
)}
>
- Quick filter
+ {label}