feat: APPS-3078 add is highlighted to blockcardthreecolumn (#662)

* feat: add is highlighted to blockcardthreecolumn * chore: add ishighlighted to stories * chore: run linter --------- Co-authored-by: Jess Divers <[email protected]>
UCLALibrary · Dec 13, 2024 · 32758a6 · 32758a6 · github-actions · Dec 13, 2024
1 parent 8b94fe8
commit 32758a6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/lib-components/BlockCardThreeColumn.vue b/src/lib-components/BlockCardThreeColumn.vue
@@ -141,6 +141,7 @@ const parsedDateFormat = computed(() => {
             <BlockTag
               :label="label.title"
               :is-secondary="true"
+              :is-highlighted="label.isHighlighted"
             />
           </div>
         </template>

diff --git a/src/stories/BlockCardThreeColumn.stories.js b/src/stories/BlockCardThreeColumn.stories.js
@@ -23,7 +23,8 @@ const mockDefault = {
       title: 'Guest speaker'
     },
     {
-      title: '35mm'
+      title: '35mm',
+      isHighlighted: true
     }
   ],
 }
@@ -39,7 +40,8 @@ const mockSingleDigitDate = {
       title: 'Guest speaker'
     },
     {
-      title: '35mm'
+      title: '35mm',
+      isHighlighted: true
     }
   ],
 }

diff --git a/src/types/types.ts b/src/types/types.ts
@@ -201,6 +201,7 @@ export interface LocationItemType {
 export interface EventFiltersItemType {
   id: string
   title: string
+  isHighlighted?: boolean
 }
 
 export interface SearchLinkItemType {