@bytebrand/fe-ui-core 4.8.53 → 4.8.54

package/source/components/_common/withStats/withStats.story.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import styles from '../Image/Image.story.styl'
-
-import { storiesOf } from '@storybook/react';
-
-import Image from '../Image/Image.tsx';
-import withStats from './withStats.tsx'
-import { COLUMN_STYLES, CONTAINER_STYLES, ROW_STYLES } from '../../../framework/constants';
-
-const SRC_HORIZONTAL = 'https://placekitten.com/400/300';
-
-const ImageWithStats = withStats(Image);
-
-export class ImageWithStatsContainer extends React.Component {
-  state = {
-    isFavoured: false
-  };
-
-  onFavoriteClick = () => {
-    this.setState({ isFavoured: !this.state.isFavoured })
-  };
-
-  render() {
-    const basicProps = {
-      isFavoured: this.state.isFavoured,
-      imagesCount: 10,
-      statsData: {
-        totalCarImpCount: 15,
-        totalFavCount: 20
-      },
-      statsSize: 'xs',
-      showNewLabel: true,
-      price: {
-        historyPriceDifference: 500,
-        historyPriceDifferencePerCent: 25
-      },
-      onFavoriteClick: this.onFavoriteClick
-    };
-
-    const xsProps = { ...basicProps, ...{ statsSize: 'xs' } };
-    const mdProps = { ...basicProps, ...{ statsSize: 'md', price: { historyPriceDifference: 499, historyPriceDifferencePerCent: 25 } } };
-
-    return (
-      <div style={CONTAINER_STYLES}>
-        <div style={COLUMN_STYLES}>
-          <div style={ROW_STYLES}>
-            <div className={styles.row}>
-              <div className={styles.col}>
-                <h2 className={styles.title}>XS Size</h2>
-                <div className={styles.row}>
-                  <div className={styles.col} style={{ width: '300px', maxWidth: '100%', margin: '0 auto' }}>
-                    <ImageWithStats src={SRC_HORIZONTAL} width='100%' ratioW={4} ratioH={3} {...xsProps} />
-                  </div>
-                </div>
-              </div>
-              <div className={styles.col}>
-                <h2 className={styles.title}>MD Size ({'price difference < 500'})</h2>
-                <div className={styles.row}>
-                  <div className={styles.col} style={{ width: '300px', maxWidth: '100%', margin: '0 auto' }}>
-                    <ImageWithStats src={SRC_HORIZONTAL} width='100%' ratioW={4} ratioH={3} {...mdProps} />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-storiesOf('_Common_UI', module)
-  .add('withStats', () => (
-    <ImageWithStatsContainer />
-  ));