Fix: [OV-44992] Added missing hasError prop to Tag in TagPicker

gsoft-inc · Jul 7, 2023 · 8602a55 · 8602a55
1 parent 31645cf
commit 8602a55
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/blue-moons-dream.md b/.changeset/blue-moons-dream.md
@@ -0,0 +1,5 @@
+---
+'@igloo-ui/tag-picker': patch
+---
+
+Tags in TagPicker were not receiving the hasError prop so it was added to fix this.
diff --git a/packages/TagPicker/src/TagPicker.stories.tsx b/packages/TagPicker/src/TagPicker.stories.tsx
@@ -234,6 +234,7 @@ export const Error = () => {
   const select = (id: string): void => {
     const selectedItem = mockData.find((d) => d.id === id);
     if (selectedItem) {
+      selectedItem.hasError = true;
       setSelected([...selected, selectedItem]);
     } else {
       setSelected([...selected]);

diff --git a/packages/TagPicker/src/TagPicker.tsx b/packages/TagPicker/src/TagPicker.tsx
@@ -299,6 +299,7 @@ const TagPicker: React.FunctionComponent<TagPickerProps> = ({
         dismissible={!disabled}
         appearance="secondary"
         onRemove={handleTagRemove}
+        hasError={s.hasError}
       >
         {s.text}
       </Tag>

diff --git a/packages/TagPicker/src/data.tsx b/packages/TagPicker/src/data.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import IconLockSolid from '@igloo-ui/icons/dist/LockSolid';
+import { TagItem } from './TagPicker';
 
-export const mockData = [
+export const mockData: TagItem[] = [
   {
     id: '1',
     text: 'A team',