Fixing style problems on hover editable board templates (#2221)

* Fixing style problems on hover editable board templates

* Making template version relevant to detect if the template is builtin or not

* Fixing snapshots

Co-authored-by: Mattermod <mattermod@users.noreply.github.com>

webapp/src/blocks/board.ts

@@ -67,6 +67,7 @@ function createBoard(block?: Block): Board {
             description: block?.fields.description || '',
             icon: block?.fields.icon || '',
             isTemplate: block?.fields.isTemplate || false,
+            templateVer: block?.fields.templateVer || 0,
             columnCalculations: block?.fields.columnCalculations || [],
             cardProperties,
         },

webapp/src/components/boardTemplateSelector/boardTemplateSelector.scss

@@ -41,7 +41,7 @@
 
         .templates-list {
             margin-right: 32px;
-            min-width: 200px;
+            width: 300px;
             max-height: 500px;
             overflow-y: auto;
 

webapp/src/components/boardTemplateSelector/boardTemplateSelector.test.tsx

@@ -100,6 +100,8 @@ describe('components/boardTemplateSelector/boardTemplateSelector', () => {
                             {id: 'global-id-5'},
                         ],
                         dateDisplayPropertyId: 'global-id-5',
+                        isTemplate: true,
+                        templateVer: 2,
                     },
                 }],
             },

webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.scss

@@ -40,6 +40,10 @@
         position: relative;
         display: none;
         right: -8px;
+
+        .DeleteIcon {
+            padding-top: 3px;
+        }
     }
 }
 

webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.test.tsx

@@ -127,6 +127,8 @@ describe('components/boardTemplateSelector/boardTemplateSelectorItem', () => {
             cardProperties: [groupProperty],
             dateDisplayPropertyId: 'global-id-5',
             columnCalculations: {},
+            isTemplate: true,
+            templateVer: 2,
         },
     }
 

webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.tsx

@@ -38,7 +38,7 @@ const BoardTemplateSelectorItem = React.memo((props: Props) => {
         >
             <span className='template-icon'>{template.fields.icon}</span>
             <span className='template-name'>{template.title}</span>
-            {template.workspaceId !== '0' &&
+            {!template.fields.templateVer &&
                 <div className='actions'>
                     <IconButton
                         icon={<DeleteIcon/>}