@sellout/ui 0.0.1 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.1",
+  "version": "0.0.4",
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.27",
     "@fortawesome/free-regular-svg-icons": "^5.12.1",
@@ -10,7 +10,7 @@
     "@fortawesome/pro-solid-svg-icons": "^5.12.1",
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@rehooks/component-size": "^1.0.3",
-    "@sellout/utils": "^0.0.1",
+    "@sellout/utils": "^0.0.4",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
@@ -27,6 +27,7 @@
     "typescript": "^3.7.5"
   },
   "scripts": {
+    "prepare": "npm run build",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
@@ -58,5 +59,5 @@
     "@types/styled-components": "^5.0.1",
     "csvtojson": "^2.0.10"
   },
-  "gitHead": "5f577126fcc59699bc5447b62f0ee56aa4b9759b"
+  "gitHead": "d36767558266a771f23bb068af3eb93650f511d6"
 }

package/src/components/Counter.tsx

@@ -1,9 +1,8 @@
-import React, { Fragment, useState } from "react";
+import React from "react";
 import styled from "styled-components";
 import * as Polished from "polished";
 import { Colors } from "../Colors";
 import Icon, { Icons } from "./Icon";
-import * as Price from '@sellout/utils/.dist/price'
 
 const Container = styled.div`
   position: relative;

package/src/components/Product.tsx

@@ -4,6 +4,7 @@ import * as Polished from "polished";
 import AnimateHeight from "react-animate-height";
 import { Colors } from "../Colors";
 import Counter, { CounterProps } from './Counter';
+import * as PriceUtil from '@sellout/utils/.dist/price';
 // import Icon from "./Icon";
 
 type RowProps = {
@@ -123,7 +124,7 @@ export default function Product({
       <Row justify="space-between">
         <Column>
           <Title>{title}</Title>
-          <Price>{price}</Price>
+          <Price>{PriceUtil.output(price)}</Price>
         </Column>
         <Counter
           value={value}
@@ -136,7 +137,7 @@ export default function Product({
       <Row>
         {subtitle && <Subtitle>{subtitle}</Subtitle>}
         {(() => {
-          if(!description) return;
+          if (!description) return;
 
           return (
             <Fragment>

package/src/stories/Counter.stories.js

@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import { action } from '@storybook/addon-actions';
 import Counter from '../components/Counter';
-import { Icons } from '../components/Icon';
 
 const Container = styled.div`
   width: 370px;

package/src/stories/Loader.stories.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import styled from 'styled-components';
-import { action } from '@storybook/addon-actions';
 import Loader, { LoaderSizes } from '../components/Loader';
 import { Colors } from "../Colors";
 

package/src/stories/Product.stories.js

@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import { action } from '@storybook/addon-actions';
 import Product from '../components/Product';
-import { Icons } from '../components/Icon';
 import { Colors } from '../Colors';
 
 const Container = styled.div`