fix: move logos to scss to fix build errors

.extended-webpackrc.js

@@ -2,14 +2,16 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.(png|jpe?g|gif)$/,
+        test: /\.(png|jpe?g|gif|svg|eot|ttf|woff2?)$/,
         use: [
           {
             loader: 'file-loader',
-            options: {},
+            options: {
+
+            },
           },
         ],
-      },
+      }
     ],
   },
 };

nerdlets/maintainer-dashboard/components/issueTable.js

@@ -11,8 +11,6 @@ import filterFactory, {
 } from 'react-bootstrap-table2-filter';
 import { Button, Icon } from 'nr1';
 import IssueLabel from './issueLabel';
-import PullRequestLogo from '../img/git-pull-request-16.svg';
-import IssueLogo from '../img/issue-opened-16.svg';
 
 /**
  * Implementation of a Issue/PR list using react-bootstrap-table2. Includes
@@ -65,7 +63,7 @@ export default class IssueTable extends React.PureComponent {
         sortCaret,
         formatter: (cell) => (
           <img
-            src={cell === 'Issue' ? IssueLogo : PullRequestLogo}
+            className={cell === 'Issue' ? 'ospo-issue-logo' : 'ospo-pr-logo'}
             style={{ marginRight: '40px' }}
           />
         ),

nerdlets/maintainer-dashboard/styles.scss

@@ -21,6 +21,14 @@ $img-path: '~react-widgets/lib/img';
   display: none;
 }
 
+.ospo-issue-logo {
+  content: url('./img/issue-opened-16.svg');
+}
+
+.ospo-pr-logo {
+  content: url('./img/git-pull-request-16.svg');
+}
+
 #root {
   overflow: visible;
 }