extension jsx

Andrei Alexandru · Andrei Alexandru · commit 6ce3a2c65cb2 · 2018-08-28T11:31:53.000+03:00
diff --git a/views/src/components/Autocomplete.jsx b/views/src/components/Autocomplete.jsx
diff --git a/views/src/components/ContentTabs.jsx b/views/src/components/ContentTabs.jsx
diff --git a/views/src/components/CustomButton.jsx b/views/src/components/CustomButton.jsx
diff --git a/views/src/components/CustomButton.test.js b/views/src/components/CustomButton.test.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 
-import CustomButton from './CustomButton.js';
+import CustomButton from './CustomButton.jsx';
 
 
 test('Initiated CustomButton matches the snapshot', () => {
diff --git a/views/src/components/FeaturedProducts.jsx b/views/src/components/FeaturedProducts.jsx
@@ -8,8 +8,8 @@ import {
   featuredProductsHandleMode,
   featuredProductsApplyFilter
 } from '../actions/FeaturedProductsActions.js';
-import Product from './Product.js';
-import CustomButton from './CustomButton';
+import Product from './Product.jsx';
+import CustomButton from './CustomButton.jsx';
 
 const mapStateToProps = state => {
     return {
diff --git a/views/src/components/Footer.jsx b/views/src/components/Footer.jsx
@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 
-import Menu from './Menu.js';
+import Menu from './Menu.jsx';
 
 class Footer extends Component {
 
diff --git a/views/src/components/Header.jsx b/views/src/components/Header.jsx
@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
-import Menu from './Menu.js';
+import Menu from './Menu.jsx';
 
 const mapStateToProps = state => {
   return {
diff --git a/views/src/components/Menu.jsx b/views/src/components/Menu.jsx
@@ -23,4 +23,4 @@ export default Menu;
 Menu.propTypes = {
   links: PropTypes.array,
   className: PropTypes.string
-}
+}
diff --git a/views/src/components/Modal.jsx b/views/src/components/Modal.jsx
@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 
-import CustomButton from './CustomButton.js';
+import CustomButton from './CustomButton.jsx';
 import {modalOpen, modalClose} from '../actions/ModalActions.js';
 
 const mapStateToProps = state => {
diff --git a/views/src/components/Notification.jsx b/views/src/components/Notification.jsx
diff --git a/views/src/components/Notifications.jsx b/views/src/components/Notifications.jsx
@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import {connect} from 'react-connect';
 import PropTypes from 'prop-types';
 
-import Notification from './Notification';
+import Notification from './Notification.jsx';
 
 const mapStateToProps = state => {
   return {
diff --git a/views/src/components/Product.jsx b/views/src/components/Product.jsx
@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 
-import CustomButton from './CustomButton.js';
+import CustomButton from './CustomButton.jsx';
 
 export default class Product extends Component {
   constructor(props) {
diff --git a/views/src/components/Product.test.js b/views/src/components/Product.test.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import {Provider} from 'react-redux';
-import Product from './Product.js';
+import Product from './Product.jsx';
 import store from '../store/index';
 
 const data = {
diff --git a/views/src/components/ProductsAutocomplete.jsx b/views/src/components/ProductsAutocomplete.jsx
@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 
-import Autocomplete from './Autocomplete.js';
+import Autocomplete from './Autocomplete.jsx';
 import {
   departmentsProductsSearch,
   departmentsProductsSelectedChanged 
diff --git a/views/src/components/WishList.jsx b/views/src/components/WishList.jsx
@@ -2,10 +2,11 @@ import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 
-import Product from './Product.js';
-import {wishlistGetIds, wishlistRemoveProduct} from '../actions/WishlistActions.js';
-import Modal from './Modal.js';
-import Notification from './Notification.js';
+import Product from './Product.jsx';
+import Modal from './Modal.jsx';
+import Notification from './Notification.jsx';
+
+import { wishlistGetIds, wishlistRemoveProduct } from '../actions/WishlistActions.js';
 
 const mapStateToProps = state => {
     return {
diff --git a/views/src/components/Wishlist.test.js b/views/src/components/Wishlist.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import {Provider} from 'react-redux';
 import renderer from 'react-test-renderer';
 
-import WishList from './Wishlist.js';
+import WishList from './Wishlist.jsx';
 import store from '../store/index';
 
 // import {wishlistAddProduct} from '../actions/index';
diff --git a/views/src/components/__snapshots__/Wishlist.test.js.snap b/views/src/components/__snapshots__/Wishlist.test.js.snap
@@ -10,5 +10,34 @@ exports[`Initiated Wishlist matches the snapshot 1`] = `
   <ul
     className="wishlist-products-list"
   />
+  <div
+    className="modal  hidden"
+  >
+    <div
+      className="modal-content"
+    >
+      <div
+        className="notification"
+      >
+        <img
+          alt="warning"
+          height={40}
+          src="/imgs/warning.svg"
+          width={40}
+        />
+        <div
+          className="notification-title"
+        >
+          
+        </div>
+      </div>
+      <div
+        className="custom-button modal-content-close"
+        onClick={[Function]}
+      >
+        Close
+      </div>
+    </div>
+  </div>
 </div>
 `;
diff --git a/views/src/screens/Departments.jsx b/views/src/screens/Departments.jsx
@@ -3,10 +3,10 @@ import axios from 'axios';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
-import Header from '../components/Header.js';
-import Footer from '../components/Footer.js';
-import CustomButton from '../components/CustomButton.js';
-import ProductsAutocomplete from '../components/ProductsAutocomplete.js';
+import Header from '../components/Header.jsx';
+import Footer from '../components/Footer.jsx';
+import CustomButton from '../components/CustomButton.jsx';
+import ProductsAutocomplete from '../components/ProductsAutocomplete.jsx';
 
 const mapStateToProps = state => {
   return {
diff --git a/views/src/screens/Home.jsx b/views/src/screens/Home.jsx
@@ -3,12 +3,12 @@ import {Tab, Tabs, TabList, TabPanel} from 'react-tabs';
 import {connect} from 'react-redux';
 import PropTypes from 'prop-types';
 
-import FeaturedProducts from '../components/FeaturedProducts.js';
+import FeaturedProducts from '../components/FeaturedProducts.jsx';
 import Profile from '../components/Profile.jsx';
-import WishList from '../components/WishList.js';
-import {ContentTabs, ContentTabsHeader} from '../components/ContentTabs.js';
-import Header from '../components/Header.js';
-import Footer from '../components/Footer.js';
+import WishList from '../components/WishList.jsx';
+import {ContentTabs, ContentTabsHeader} from '../components/ContentTabs.jsx';
+import Header from '../components/Header.jsx';
+import Footer from '../components/Footer.jsx';
 
 const mapStateToProps = state => {
   return {
