Pass along the icon. Continuation of a00c1e4 ...

The previous commit only appeared to work. For fieldtypes where the icon isn't the same as the  handle, you'd still get nothing.

Author: jasonvarga

resources/js/components/blueprints/Fields.vue

@@ -115,6 +115,7 @@ export default {
                 _id: uniqid(),
                 type: 'inline',
                 fieldtype: field.type,
+                icon: field.icon,
                 handle,
                 config: {
                     ...field,

resources/js/components/blueprints/RegularField.vue

@@ -5,7 +5,7 @@
             <div class="blueprint-drag-handle w-4 border-r"></div>
             <div class="flex flex-1 items-center justify-between">
                 <div class="flex items-center flex-1 pr-2 py-1 pl-1">
-                    <svg-icon class="text-grey-70 mr-1" :name="fieldIcon" v-tooltip="tooltipText" />
+                    <svg-icon class="text-grey-70 mr-1" :name="field.icon" v-tooltip="tooltipText" />
                     <a v-text="labelText" @click="$emit('edit')" />
                     <svg-icon name="hyperlink" v-if="isReferenceField" class="text-grey-60 text-3xs ml-1" v-tooltip="__('Imported from fieldset') + ': ' + field.field_reference" />
                 </div>
@@ -89,10 +89,6 @@ export default {
                 || Vue.options.filters.titleize(Vue.options.filters.deslugify(this.field.handle));
         },
 
-        fieldIcon() {
-            return this.field.icon || this.field.fieldtype
-        },
-
         width: {
             get() {
                 return this.field.config.width;

resources/js/components/fields/FieldtypeSelector.vue

@@ -201,6 +201,7 @@ export default {
             let field = {
                 display: fieldtype.title,
                 type: fieldtype.handle,
+                icon: fieldtype.icon,
                 instructions: null,
                 localizable: false,
                 width: 100,