feat(tag): allow enabling and disabling of tag icon

eea · Nov 30, 2022 · 8b94ab1 · 8b94ab1
1 parent 7086cbe
commit 8b94ab1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/Tags/Tags.jsx b/src/Tags/Tags.jsx
@@ -15,14 +15,14 @@ TagList.Content = ({ children }) => (
   <div className="tags-content">{children}</div>
 );
 
-TagList.Tag = ({ children, href, openLinkInNewTab }) => {
+TagList.Tag = ({ children, href, openLinkInNewTab, showTagIcon }) => {
   return (
     <UniversalLink
       className="tag"
       href={href}
       openLinkInNewTab={openLinkInNewTab}
     >
-      <Icon className={`icon`} name="hashtag" />
+      {showTagIcon && <Icon className={`icon`} name="hashtag" />}
       <span className="name">{children}</span>
     </UniversalLink>
   );

diff --git a/src/TagsBlock/View.jsx b/src/TagsBlock/View.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import TagList from '@eeacms/volto-tags-block/Tags/Tags';
 
 const View = ({ data, mode }) => {
-  const { items = [], title, position } = data;
+  const { items = [], title, position, showTagIcon } = data;
 
   if (!items.length && mode === 'edit') return <p>Add Tag items</p>;
   return (
@@ -17,6 +17,7 @@ const View = ({ data, mode }) => {
                 color={item.color || 'teal'}
                 href={item.href || '#'}
                 openLinkInNewTab={!!item.openLinkInNewTab}
+                showTagIcon={showTagIcon}
                 key={item.category}
               >
                 {item.category}

diff --git a/src/TagsBlock/schema.js b/src/TagsBlock/schema.js
@@ -31,7 +31,7 @@ export default {
     {
       id: 'default',
       title: 'Default',
-      fields: ['title', 'position', 'items'],
+      fields: ['title', 'position', 'showTagIcon', 'items'],
     },
   ],
 
@@ -44,6 +44,10 @@ export default {
       title: 'Alignment',
       widget: 'align',
     },
+    showTagIcon: {
+      title: 'Enable tag items icon',
+      type: 'boolean',
+    },
     items: {
       title: 'Tag items',
       widget: 'object_list',