Remove defaultProps from each icon

2026-05-28 01:21:25 +00:00 · 2016-01-27 21:40:56 -08:00
parent 58216604fb
commit bd03767aca
25 changed files with 27 additions and 96 deletions
@@ -12,7 +12,3 @@ export default class Active extends BaseIcon {
    );
  }
 }
-
-Active.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class AddMini extends BaseIcon {
    );
  }
 }
-
-AddMini.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class AddMini extends BaseIcon {
    );
  }
 }
-
-AddMini.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class All extends BaseIcon {
    );
  }
 }
-
-All.defaultProps = {
-  className: ''
-};
@@ -2,12 +2,10 @@ import React from 'react';

 export default class BaseIcon extends React.Component {
  getViewBox() {
-    let viewBox = '0 0 60 60';
+    let viewBox = this.props.viewBox;

    if (this.props.size && this.props.size === 'mini') {
      viewBox = '0 0 8 8';
-    } else if (this.props.viewBox) {
-      viewBox = this.props.viewBox;
    }

    return viewBox;
@@ -17,3 +15,14 @@ export default class BaseIcon extends React.Component {
    return 'http://www.w3.org/2000/svg';
  }
 }
+
+BaseIcon.defaultProps = {
+  what: 'hello',
+  viewBox: '0 0 60 60'
+};
+
+BaseIcon.propTypes = {
+  className: React.PropTypes.string,
+  size: React.PropTypes.string,
+  viewBox: React.PropTypes.string
+};
@@ -12,7 +12,3 @@ export default class Completed extends BaseIcon {
    );
  }
 }
-
-Completed.defaultProps = {
-  className: ''
-};
@@ -14,7 +14,3 @@ export default class DotsMini extends BaseIcon {
    );
  }
 }
-
-DotsMini.defaultProps = {
-  className: ''
-};
@@ -13,7 +13,3 @@ export default class Download extends BaseIcon {
    );
  }
 }
-
-Download.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class DownloadSmall extends BaseIcon {
    );
  }
 }
-
-DownloadSmall.defaultProps = {
-  className: ''
-};
@@ -14,7 +14,3 @@ export default class ETA extends BaseIcon {
    );
  }
 }
-
-ETA.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class Error extends BaseIcon {
    );
  }
 }
-
-Error.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class File extends BaseIcon {
    );
  }
 }
-
-File.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class FolderClosedOutline extends BaseIcon {
    );
  }
 }
-
-FolderClosedOutline.defaultProps = {
-  className: ''
-};
@@ -0,0 +1,14 @@
+import React from 'react';
+
+import BaseIcon from './BaseIcon';
+
+export default class FolderClosedOutline extends BaseIcon {
+  render() {
+    return (
+      <svg className={`icon icon--directory-outlined ${this.props.className}`}
+        xmlns={this.getXmlns()} viewBox={this.getViewBox()}>
+        <path d="M48.71,23.45a6.49,6.49,0,0,0-6.37-6.55H23.23V16a6.49,6.49,0,0,0-6.37-6.55H7.76A6.49,6.49,0,0,0,1.39,16V44a6.49,6.49,0,0,0,6.37,6.55H42.34A6.49,6.49,0,0,0,48.71,44V23.45Z"/>
+      </svg>
+    );
+  }
+}
@@ -12,7 +12,3 @@ export default class FolderOpenOutlined extends BaseIcon {
    );
  }
 }
-
-FolderOpenOutlined.defaultProps = {
-  className: ''
-};
@@ -7,12 +7,8 @@ export default class FolderOpenSolid extends BaseIcon {
    return (
      <svg className={`icon icon--directory-filled ${this.props.className}`}
        xmlns={this.getXmlns()} viewBox={this.getViewBox()}>
-        <path d="M56.6,33.3c0-1.2-1.4-1.5-2.5-1.5H23.3c-2.5,0-5.8,1.5-7.5,3.3L6.4,45.8c-0.5,0.5-0.9,1.1-0.9,1.8c0,1.2,1.4,1.5,2.5,1.5 h30.8c2.5,0,5.8-1.5,7.5-3.3l9.5-10.8C56.2,34.6,56.6,33.9,56.6,33.3z M46.9,23.9c0-3.3-2.9-6.1-6.3-6.1H25.1V17 c0-3.3-2.9-6.1-6.3-6.1H9.8c-3.5,0-6.3,2.7-6.3,6.1V43c0,0.2,0,0.5,0,0.7l0.1-0.2l9.5-10.8c2.3-2.6,6.7-4.5,10.2-4.5h23.5V23.9z"/>
+        <path d="M58.61,33.58c0-1.3-1.47-1.62-2.51-1.62H21.84a11.36,11.36,0,0,0-7.62,3.52L4.52,46.92a3.09,3.09,0,0,0-.89,1.9c0,1.3,1.47,1.62,2.51,1.62H40.4A11.35,11.35,0,0,0,48,46.92l9.7-11.43A3.09,3.09,0,0,0,58.61,33.58Zm-9.9-10.3a6.49,6.49,0,0,0-6.47-6.47H23.14V15.89a6.49,6.49,0,0,0-6.47-6.46H8a6.49,6.49,0,0,0-6.47,6.46V44c0,0.23,0,.49,0,0.72l0.14-.17,9.73-11.43a15,15,0,0,1,10.42-4.82H48.71v-5Z"/>
      </svg>
    );
  }
 }
-
-FolderOpenSolid.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class Inactive extends BaseIcon {
    );
  }
 }
-
-Inactive.defaultProps = {
-  className: ''
-};
@@ -18,7 +18,3 @@ export default class Limits extends BaseIcon {
    );
  }
 }
-
-Limits.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class Pause extends BaseIcon {
    );
  }
 }
-
-Pause.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class Ratio extends BaseIcon {
    );
  }
 }
-
-Ratio.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class RemoveMini extends BaseIcon {
    );
  }
 }
-
-RemoveMini.defaultProps = {
-  className: ''
-};
@@ -13,7 +13,3 @@ export default class Search extends BaseIcon {
    );
  }
 }
-
-Search.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class Start extends BaseIcon {
    );
  }
 }
-
-Start.defaultProps = {
-  className: ''
-};
@@ -12,7 +12,3 @@ export default class Stop extends BaseIcon {
    );
  }
 }
-
-Stop.defaultProps = {
-  className: ''
-};
@@ -13,7 +13,3 @@ export default class Upload extends BaseIcon {
    );
  }
 }
-
-Upload.defaultProps = {
-  className: ''
-};