#2288: adds using of url-loader fir svg

package.json

@@ -110,6 +110,7 @@
     "style-loader": "^0.23.1",
     "supertest": "^4.0.2",
     "terser-webpack-plugin": "^1.2.1",
+    "url-loader": "^1.1.2",
     "webpack": "^4.29.0",
     "webpack-cli": "^3.3.0"
   },

src/components/WorkspaceSelectionDialog.js

@@ -11,6 +11,8 @@ import {
 } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { ListKeyboardNavigation } from '../lib/ListKeyboardNavigation';
+import elasticImgUrl from '../images/icon_workspace_elastic.svg';
+import mosaicImgUrl from '../images/icon_workspace_mosaic.svg';
 
 /**
  */
@@ -71,7 +73,7 @@ export class WorkspaceSelectionDialog extends Component {
               <Card className={classes.card}>
                 <CardMedia
                   className={classes.media}
-                  image="/src/images/icon_workspace_elastic.svg"
+                  image={elasticImgUrl}
                   title={t('elastic')}
                 />
                 <div className={classes.details}>
@@ -92,7 +94,7 @@ export class WorkspaceSelectionDialog extends Component {
               <Card className={classes.card}>
                 <CardMedia
                   className={classes.media}
-                  image="/src/images/icon_workspace_mosaic.svg"
+                  image={mosaicImgUrl}
                   title={t('mosaic')}
                 />
                 <div className={classes.details}>

webpack.config.js

@@ -41,7 +41,12 @@ const baseConfig = [
             'css-loader', // translates CSS into CommonJS
             'sass-loader', // compiles Sass to CSS, using Node Sass by default
           ],
-        }],
+        },
+        {
+          test: /.svg$/,
+          use: ['url-loader'],
+        },
+      ],
     },
     output: {
       filename: 'mirador.min.js',