creating big error util file per francescos comment in PR

packages/instant/src/containers/latest_error.tsx

@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
 
 import { SlidingError } from '../components/sliding_error';
 import { LatestErrorDisplay, State } from '../redux/reducer';
-import { errorDescription } from '../util/error_description';
+import { errorUtil } from '../util/error';
 
 export interface LatestErrorComponentProps {
     assetData?: string;
@@ -16,7 +16,7 @@ export const LatestErrorComponent: React.StatelessComponent<LatestErrorComponent
     if (!props.latestError) {
         return <div />;
     }
-    const { icon, message } = errorDescription(props.latestError, props.assetData);
+    const { icon, message } = errorUtil.errorDescription(props.latestError, props.assetData);
     return <SlidingError direction={props.slidingDirection} icon={icon} message={message} />;
 };
 

packages/instant/src/containers/selected_asset_amount_input.ts

@@ -12,7 +12,7 @@ import { State } from '../redux/reducer';
 import { ColorOption } from '../style/theme';
 import { AsyncProcessState } from '../types';
 import { assetBuyer } from '../util/asset_buyer';
-import { errorFlasher } from '../util/error_flasher';
+import { errorUtil } from '../util/error';
 
 import { AssetAmountInput } from '../components/asset_amount_input';
 
@@ -49,9 +49,9 @@ const updateBuyQuoteAsync = async (
     let newBuyQuote: BuyQuote | undefined;
     try {
         newBuyQuote = await assetBuyer.getBuyQuoteAsync(assetData, baseUnitValue);
-        errorFlasher.clearError(dispatch);
+        errorUtil.errorFlasher.clearError(dispatch);
     } catch (error) {
-        errorFlasher.flashNewError(dispatch, error);
+        errorUtil.errorFlasher.flashNewError(dispatch, error);
         return;
     }
 

packages/instant/src/util/error.ts

@@ -0,0 +1,51 @@
+import { AssetBuyerError } from '@0xproject/asset-buyer';
+import { Dispatch } from 'redux';
+
+import { Action, actions } from '../redux/actions';
+import { assetDataUtil } from '../util/asset_data';
+
+class ErrorFlasher {
+    private _timeoutId?: number;
+    public flashNewError(dispatch: Dispatch<Action>, error: any, delayMs: number = 7000): void {
+        this._clearTimeout();
+
+        // dispatch new message
+        dispatch(actions.setError(error));
+
+        this._timeoutId = window.setTimeout(() => {
+            dispatch(actions.hideError());
+        }, delayMs);
+    }
+    public clearError(dispatch: Dispatch<Action>): void {
+        this._clearTimeout();
+        dispatch(actions.hideError());
+    }
+    private _clearTimeout(): void {
+        if (this._timeoutId) {
+            window.clearTimeout(this._timeoutId);
+        }
+    }
+}
+
+const humanReadableMessageForError = (error: Error, assetData?: string): string | undefined => {
+    if (error.message === AssetBuyerError.InsufficientAssetLiquidity) {
+        const assetName = assetDataUtil.bestNameForAsset(assetData, 'of this asset');
+        return `Not enough ${assetName} available`;
+    }
+
+    return undefined;
+};
+
+export const errorUtil = {
+    errorFlasher: new ErrorFlasher(),
+    errorDescription: (error?: any, assetData?: string): { icon: string; message: string } => {
+        let bestMessage: string | undefined;
+        if (error instanceof Error) {
+            bestMessage = humanReadableMessageForError(error, assetData);
+        }
+        return {
+            icon: '😢',
+            message: bestMessage || 'Something went wrong...',
+        };
+    },
+};

packages/instant/src/util/error_description.ts

@@ -1,23 +0,0 @@
-import { AssetBuyerError } from '@0xproject/asset-buyer';
-
-import { assetDataUtil } from '../util/asset_data';
-
-const humanReadableMessageForError = (error: Error, assetData?: string): string | undefined => {
-    if (error.message === AssetBuyerError.InsufficientAssetLiquidity) {
-        const assetName = assetDataUtil.bestNameForAsset(assetData, 'of this asset');
-        return `Not enough ${assetName} available`;
-    }
-
-    return undefined;
-};
-
-export const errorDescription = (error?: any, assetData?: string): { icon: string; message: string } => {
-    let bestMessage: string | undefined;
-    if (error instanceof Error) {
-        bestMessage = humanReadableMessageForError(error, assetData);
-    }
-    return {
-        icon: '😢',
-        message: bestMessage || 'Something went wrong...',
-    };
-};

packages/instant/src/util/error_flasher.ts

@@ -1,27 +0,0 @@
-import { Dispatch } from 'redux';
-
-import { Action, actions } from '../redux/actions';
-
-class ErrorFlasher {
-    private _timeoutId?: number;
-    public flashNewError(dispatch: Dispatch<Action>, error: any, delayMs: number = 7000): void {
-        this._clearTimeout();
-
-        // dispatch new message
-        dispatch(actions.setError(error));
-
-        this._timeoutId = window.setTimeout(() => {
-            dispatch(actions.hideError());
-        }, delayMs);
-    }
-    public clearError(dispatch: Dispatch<Action>): void {
-        this._clearTimeout();
-        dispatch(actions.hideError());
-    }
-    private _clearTimeout(): void {
-        if (this._timeoutId) {
-            window.clearTimeout(this._timeoutId);
-        }
-    }
-}
-export const errorFlasher = new ErrorFlasher();