create wild_card folder for public/images which are committed

.gitignore

@@ -50,6 +50,7 @@
 !/public/images/research_plans/.keep
 
 /public/images/*
+!/public/images/wild_card/
 
 /uploads/attachments/*
 /uploads/thumbnails

app/assets/javascripts/components/PubchemLabels.js

@@ -28,9 +28,9 @@ export default class PubchemLabels extends React.Component {
   render() {
     let {element, color} = this.props
 
-    let pubchemLogo = "/images/pubchem.svg"
+    let pubchemLogo = "/images/wild_card/pubchem.svg"
     let pubchem = (
-      <img src={pubchemLogo} className="pubchem-logo" /> 
+      <img src={pubchemLogo} className="pubchem-logo" />
     )
 
     let labelStyle = {

app/assets/javascripts/components/ResearchPlanDetails.js

@@ -24,7 +24,7 @@ export default class ResearchPlanDetails extends Component {
   svgOrLoading(research_plan) {
     let svgPath = "";
     if (this.state.loadingMolecule) {
-      svgPath = "/images/loading-bubbles.svg";
+      svgPath = "/images/wild_card/loading-bubbles.svg";
     } else {
       svgPath = research_plan.svgPath;
     }

app/assets/javascripts/components/SampleDetails.js

@@ -181,7 +181,7 @@ export default class SampleDetails extends React.Component {
   svgOrLoading(sample) {
     let svgPath = "";
     if (this.state.loadingMolecule) {
-      svgPath = "/images/loading-bubbles.svg";
+      svgPath = "/images/wild_card/loading-bubbles.svg";
     } else {
       svgPath = sample.svgPath;
     }

app/assets/javascripts/components/SampleDetailsContainers.js

@@ -103,8 +103,8 @@ export default class SampleDetailsContainers extends Component {
 
   PreviewImg(container) {
     const rawImg = container.preview_img
-    const noAttSvg = '/images/no_attachment.svg'
-    const noAvaSvg = '/images/not_available.svg'
+    const noAttSvg = '/images/wild_card/no_attachment.svg'
+    const noAvaSvg = '/images/wild_card/not_available.svg'
     switch(rawImg) {
       case null:
       case undefined:

app/assets/javascripts/components/models/Reaction.js

@@ -443,7 +443,7 @@ export default class Reaction extends Element {
     if(this.reaction_svg_file && this.reaction_svg_file != '***')
       return `/images/reactions/${this.reaction_svg_file}`
     else
-      return `images/no_image_180.svg`
+      return `images/wild_card/no_image_180.svg`
   }
 
   SMGroupValid() {
@@ -480,7 +480,7 @@ export default class Reaction extends Element {
       let group = this['_' + cats[i]]
       if (group) {
         let index = group.findIndex(x => x.id == material.id)
-        
+
         if (index >= 0) {
           this['_' + cats[i]][index] = new Sample(material)
           break

app/assets/javascripts/components/models/ResearchPlan.js

@@ -33,7 +33,7 @@ export default class ResearchPlan extends Element {
     if (this.svg_file){
       return `/images/research_plans/${this.svg_file}`;
     } else {
-      return `/images/no_image_180.svg`
+      return `/images/wild_card/no_image_180.svg`
     }
   }
 }

app/assets/javascripts/components/models/Sample.js

@@ -658,7 +658,7 @@ export default class Sample extends Element {
   get svgPath() {
     if (this.sample_svg_file){
       if(this.sample_svg_file === '***')
-        return `/images/no_image_180.svg`
+        return `/images/wild_card/no_image_180.svg`
       else
         return `/images/samples/${this.sample_svg_file}`;
     } else {