aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2018-03-21 15:51:50 +0100
committerNoah Loomans <noahloomans@gmail.com>2018-03-21 15:51:50 +0100
commit93d3f491f0a0bff65e2bff37da1e24d1cbab2aea (patch)
treef32c38513748900599ffbfdae6274e89e60dd648
parentf60fc288ce606bb217d3912a09fff083f0a816e8 (diff)
Throw out the modules
-rw-r--r--src/client/react/components/container/Search.js10
-rw-r--r--src/client/react/components/container/WeekSelector.js6
-rw-r--r--webpack.config.js8
3 files changed, 9 insertions, 15 deletions
diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js
index edaf72c..991ef5b 100644
--- a/src/client/react/components/container/Search.js
+++ b/src/client/react/components/container/Search.js
@@ -33,7 +33,7 @@ import Menu from './Menu';
import Results from './Results';
import IconFromUserType from '../presentational/IconFromUserType';
-import styles from './Search.scss';
+import './Search.scss';
class Search extends React.Component {
static propTypes = {
@@ -145,10 +145,10 @@ class Search extends React.Component {
searchText === users.byId[urlUser].value;
return (
- <div className={styles.Search}>
- <div className={classnames(styles.overflow, { [styles.hasFocus]: hasFocus })}>
- <div className={styles.inputWrapper}>
- <div className={styles.iconWrapper}>
+ <div className="Search">
+ <div className={classnames('overflow', { hasFocus })}>
+ <div className="inputWrapper">
+ <div className="iconWrapper">
<IconFromUserType
userType={isExactMatch ? users.byId[urlUser].type : null}
defaultIcon={<SearchIcon />}
diff --git a/src/client/react/components/container/WeekSelector.js b/src/client/react/components/container/WeekSelector.js
index f0da1b2..a8f5936 100644
--- a/src/client/react/components/container/WeekSelector.js
+++ b/src/client/react/components/container/WeekSelector.js
@@ -29,7 +29,7 @@ import ArrowForwardIcon from 'react-icons/lib/md/arrow-forward';
import purifyWeek from '../../lib/purifyWeek';
import { setWeek, weekFromLocation } from '../../lib/url';
-import styles from './WeekSelector.scss';
+import './WeekSelector.scss';
class WeekSelector extends React.Component {
static propTypes = {
@@ -69,9 +69,9 @@ class WeekSelector extends React.Component {
render() {
return (
- <div className={styles.WeekSelector}>
+ <div className="WeekSelector">
<button onClick={() => this.updateWeek(-1)}><ArrowBackIcon /></button>
- <div className={styles.text}>{this.getWeekText()}</div>
+ <div className="text">{this.getWeekText()}</div>
<button onClick={() => this.updateWeek(+1)}><ArrowForwardIcon /></button>
</div>
);
diff --git a/webpack.config.js b/webpack.config.js
index 6625f45..1c37a6b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -19,13 +19,7 @@ module.exports = {
test: /\.scss/,
use: [
{ loader: 'style-loader' },
- {
- loader: 'css-loader',
- options: {
- modules: true,
- localIdentName: '[local]--[name]--[hash:base64:5]',
- },
- },
+ { loader: 'css-loader' },
{ loader: 'sass-loader' },
],
},