Merge pull request #671 from 3DStreet/card-previews

add 3 Card previews for mapbox, google maps, streetmix

src/editor/components/components/AddLayerPanel/AddLayerPanel.component.jsx

@@ -73,19 +73,19 @@ const AddLayerPanel = ({ onClose, isAddLayerPanelOpen }) => {
   // data for layers cards
   const layersData = [
     {
-      name: 'Mapbox',
-      img: '',
-      icon: '',
+      name: 'Mapbox 2D Aerial',
+      img: 'ui_assets/cards/mapbox2d.jpg',
+      icon: 'ui_assets/cards/icons/mapbox24.png',
       requiresPro: true,
       description:
         'Create entity with mapbox component, that accepts a long / lat and renders a plane with dimensions that (should be) at a correct scale.',
       id: 1,
       handlerFunction: createMapbox
     },
     {
-      name: 'Street from streetmixStreet',
-      img: '',
-      icon: '',
+      name: 'Street from Streetmix URL',
+      img: 'ui_assets/cards/streetmix.jpg',
+      icon: 'ui_assets/cards/icons/streetmix24.png',
       requiresPro: true,
       description:
         'Create an additional Streetmix street in your 3DStreet scene without replacing any existing streets.',
@@ -103,17 +103,17 @@ const AddLayerPanel = ({ onClose, isAddLayerPanelOpen }) => {
       handlerFunction: createSvgExtrudedEntity
     },
     {
-      name: '3D Tiles',
-      img: '',
-      icon: '',
+      name: 'Google Maps 3D Tiles',
+      img: 'ui_assets/cards/google3d.jpg',
+      icon: 'ui_assets/cards/icons/google24.png',
       requiresPro: true,
       description:
         'Adds an entity to load and display 3d tiles from Google Maps Tiles API 3D Tiles endpoint. This will break your scene and you cannot save it yet, so beware before testing.',
       id: 4,
       handlerFunction: create3DTiles
     },
     {
-      name: 'Create custom model',
+      name: 'glTF model from URL',
       img: '',
       requiresPro: true,
       icon: '',