@oanda/labs-instrument-live-rate-widget 1.0.1 → 1.0.3

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithData/InstrumentRateWithData.tsx

@@ -1,92 +0,0 @@
-import React, { useContext } from 'react';
-import {
-  LabelWrapper, Price, ThemeContext, Truncate,
-} from '@oanda/labs-widget-common';
-import classNames from 'classnames';
-import { InstrumentRateWithDataProps } from '../../types';
-import { LineChartWithData } from '../LineChartWithData';
-import { useRecords } from '../../utils';
-import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
-import { getChartColor, getColorIndicator } from './utils';
-
-const InstrumentRateWithData = ({
-  loading,
-  record,
-  target,
-  division,
-  size = 'fullWithChart',
-}: InstrumentRateWithDataProps) => {
-  const { isDark } = useContext(ThemeContext);
-  const { updatedRecord, error } = useRecords(record, record.instrument ? target : null);
-
-  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);
-
-  const indicator = getColorIndicator(updatedRecord.dailyPercentChange);
-
-  return (
-    <div className="lw-flex lw-flex-col lw-px-4 lw-pb-1 lw-pt-2">
-      <div className="lw-flex lw-items-center lw-gap-x-2">
-        <LabelWrapper
-          isLoading={checkLoading('instrument')}
-          isError={!!error}
-        >
-          <span className="lw-text-xl lw-font-bold">
-            <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />
-          </span>
-        </LabelWrapper>
-        <LabelWrapper
-          isLoading={checkLoading('buy')}
-          isError={!!error}
-        >
-          <div className="lw-text-xl lw-font-bold">
-            <Price priceMovement={updatedRecord.buyPriceMovement} withoutArrow>
-              <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>
-            </Price>
-          </div>
-        </LabelWrapper>
-      </div>
-      {size !== 'compact'
-        && (
-        <div className="lw-mt-1 lw-flex lw-items-center lw-gap-x-2">
-          <LabelWrapper
-            isLoading={checkLoading('dailyPercentChange')}
-            isError={!!error}
-          >
-            <span className={classNames('lw-font-bold', {
-              'lw-text-text-ok': indicator > 0,
-              'lw-text-text-danger': indicator < 0,
-              'lw-text-text-disabled': indicator === 0,
-            })}
-            >
-              {updatedRecord.dailyPercentChange}
-            </span>
-
-          </LabelWrapper>
-          <LabelWrapper
-            isLoading={checkLoading('dailyPipsChange')}
-            isError={!!error}
-          >
-            <span className={classNames('lw-font-bold', {
-              'lw-text-text-ok': indicator > 0,
-              'lw-text-text-danger': indicator < 0,
-              'lw-text-text-disabled': indicator === 0,
-            })}
-            >
-              {`(${updatedRecord.dailyPipsChange})`}
-            </span>
-          </LabelWrapper>
-          {size === 'fullWithChart' && (
-          <LineChartWithData
-            record={updatedRecord}
-            isLoading={checkLoading('instrument')}
-            division={division}
-            color={getChartColor(indicator, isDark)}
-          />
-          )}
-        </div>
-        )}
-    </div>
-  );
-};
-
-export { InstrumentRateWithData };

package/src/InstrumentLiveRateWidget/components/InstrumentRateWithData/index.ts

@@ -1,2 +0,0 @@
-export * from './InstrumentRateWithData';
-export * from './utils';