move styled-component to styles dir && modify generators

Author: mydearxym

containers/UniversePanel/index.js

@@ -32,7 +32,7 @@ import {
   RepoLang,
   RepoStar,
   SubInfoWraper,
-} from './Modal'
+} from './styles'
 
 const debug = makeDebugger('C:UniversePanel')
 

containers/UniversePanel/Modal.js renamed to containers/UniversePanel/styles/index.js

@@ -1,9 +1,9 @@
 import styled, { keyframes } from 'styled-components'
 
-import Img from '../../components/Img'
+import Img from '../../../components/Img'
 
-import searchIcon from '../../static/search.svg'
-import loadingIcon from '../../static/loading.svg'
+import searchIcon from '../../../static/search.svg'
+import loadingIcon from '../../../static/loading.svg'
 
 const rotate360 = keyframes`
 	from {
@@ -146,8 +146,8 @@ export const RepoStar = styled.div`
 `
 
 /*
-  text-overflow: ellipsis;
-  width: 400px;
-  white-space: nowrap;
-  overflow: hidden;
-*/
+   text-overflow: ellipsis;
+   width: 400px;
+   white-space: nowrap;
+   overflow: hidden;
+ */

utils/scripts/generators/container/index.js

@@ -60,6 +60,12 @@ module.exports = {
         templateFile: './container/test.js.hbs',
         abortOnFail: true,
       },
+      {
+        type: 'add',
+        path: '../../../containers/{{properCase name}}/styles/index.js',
+        templateFile: './container/styles.js.hbs',
+        abortOnFail: true,
+      },
     ]
 
     // If they want a i18n messages file

utils/scripts/generators/container/styles.js.hbs

@@ -0,0 +1 @@
+// import styled from 'styled-components'