fix long decimal issue (#479)

Co-authored-by: xieqian <[email protected]>
ref-finance · Feb 27, 2024 · 333f0d2 · 333f0d2
1 parent cba0a31
commit 333f0d2
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 6 deletions.
diff --git a/src/pages/Orderly/components/OrderBook/index.tsx b/src/pages/Orderly/components/OrderBook/index.tsx
@@ -185,7 +185,9 @@ function groupOrdersByPrecision({
 
 export function getDecimalPlaceByNumber(precision: number) {
   const str = precision.toString();
-
+  if (str.indexOf('e-') > -1) {
+    return +str.split('e-')[1];
+  }
   if (str.indexOf('.') === -1) return 0;
   else return str.split('.')[1].length;
 }

diff --git a/src/pages/Orderly/components/TableWithTabs/Table.tsx b/src/pages/Orderly/components/TableWithTabs/Table.tsx
@@ -529,7 +529,9 @@ function Table({
       </div>
       {/*mobile view*/}
       <div className="w-full md:hidden lg:hidden">
-        {!loading && <div className={'flex justify-end mb-2'}>{mobileHeader}</div>}
+        {!loading && (
+          <div className={'flex justify-end mb-2'}>{mobileHeader}</div>
+        )}
         {accountId && validContract() && loading ? (
           <div className="w-full relative mt-10 mb-4 px-5 gap-4">
             <div className="text-center">

diff --git a/src/pages/Orderly/orderly/constantWjsx.tsx b/src/pages/Orderly/orderly/constantWjsx.tsx
@@ -236,7 +236,7 @@ export const usePortableOrderlyTable = ({
       pageSize={filteredPaginateData?.records_per_page}
       page={filteredPaginateData?.current_page}
     />
-  )
+  );
 
   const ordersTableFilterNode = (
     <div className={'flex gap-2 items-center px-5 pb-5'}>
@@ -301,7 +301,7 @@ export const usePortableOrderlyTable = ({
               marketList={marketList}
               openTrades={openTrades}
             >
-              <div className="" style={{ height: '9px', width: '9px', }}>
+              <div className="" style={{ height: '9px', width: '9px' }}>
                 <CircularProgressbar
                   styles={buildStyles({
                     pathColor: order?.side === 'BUY' ? '#62C340' : '#FF6A8E',
@@ -454,7 +454,15 @@ export const usePortableOrderlyTable = ({
               marketList={marketList}
               openTrades={openTrades}
             >
-              <div style={{ height: '8px', width: '8px', position: 'absolute', right: '2px', top: '2px', }}>
+              <div
+                style={{
+                  height: '8px',
+                  width: '8px',
+                  position: 'absolute',
+                  right: '2px',
+                  top: '2px',
+                }}
+              >
                 <CircularProgressbar
                   styles={buildStyles({
                     pathColor: order?.side === 'BUY' ? '#62C340' : '#FF6A8E',
@@ -650,7 +658,10 @@ export const usePortableOrderlyTable = ({
               </thead>
               <tbody className=" block overflow-auto flex-col px-3">
                 {rows.map(({ tokenMeta, near, available }: any) => (
-                  <tr className="table-fixed grid grid-cols-6 gap-4 lg:border-t border-white border-opacity-10 text-white" key={tokenMeta?.id}>
+                  <tr
+                    className="table-fixed grid grid-cols-6 gap-4 lg:border-t border-white border-opacity-10 text-white"
+                    key={tokenMeta?.id}
+                  >
                     <td className="col-span-2 flex py-2 relative">
                       <div className="flex items-center">
                         <img