Changing template default icon png -> svg.

beachio · Nov 2, 2021 · 8cb63e0 · 8cb63e0
1 parent f2e29b1
commit 8cb63e0
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/src/assets/images/template-empty.svg b/src/assets/images/template-empty.svg
diff --git a/src/components/modals/SiteCreationModal/SiteCreationModal.js b/src/components/modals/SiteCreationModal/SiteCreationModal.js
@@ -1,5 +1,6 @@
 import React, {Component} from 'react';
 import CSSModules from 'react-css-modules';
+import InlineSVG from 'svg-inline-react';
 
 import ButtonControl from 'components/elements/ButtonControl/ButtonControl';
 import InputControl from 'components/elements/InputControl/InputControl';
@@ -9,7 +10,7 @@ import {removeOddSpaces} from "utils/strings";
 
 import styles from './SiteCreationModal.sss';
 
-import ImageTemplateEmpty from "assets/images/template-empty.png";
+import ImageTemplateEmpty from "assets/images/template-empty.svg";
 
 
 @CSSModules(styles, {allowMultiple: true})
@@ -43,9 +44,13 @@ export class TemplateControl extends Component {
       <div styleName="TemplateControl"
            onClick={this.onClick}>
         <div styleName={style}>
-          <img styleName="icon-img"
-               src={this.template.icon ? this.template.icon.url() : ImageTemplateEmpty}>
-          </img>
+          {this.template.icon ?
+            <img styleName="icon-img"
+                 src={this.template.icon.url()} />
+          :
+            <InlineSVG styleName="icon-img"
+                       src={ImageTemplateEmpty} />
+          }
           <div styleName="text">
             <div styleName="title">{this.template.name}</div>
             <div styleName="description">{this.template.description}</div>

diff --git a/src/components/modals/SiteCreationModal/SiteCreationModal.sss b/src/components/modals/SiteCreationModal/SiteCreationModal.sss
@@ -94,7 +94,6 @@
     .icon,
     .icon-img
       width: 80px
-      height: 80px
       margin-right: 25px
 
     .text