debugger DebuggerBankUsage.tsx

100% Statements 9/9

100% Branches 3/3

100% Functions 1/1

100% Lines 8/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 2x
2x
2x
2x
 
 
 
 
 
 
2x
 
 
 
19x
2x
 
 
 
 
 
 
17x
 
  import React from "react";
import { ROM_BANK_SIZE } from "shared/lib/compiler/memoryLayout";
import { StyledBankOverflowLabel } from "ui/debugger/style";
import { bytesToHumanReadable } from "shared/lib/helpers/formatBytes";
 
interface DebuggerBankUsageProps {
  size: number;
  maxSize?: number;
}
 
export const DebuggerBankUsage = ({
  size,
  maxSize = ROM_BANK_SIZE,
}: DebuggerBankUsageProps) => {
  if (size > maxSize) {
    return (
      <StyledBankOverflowLabel>
        {bytesToHumanReadable(size)}
      </StyledBankOverflowLabel>
    );
  }
 
  return bytesToHumanReadable(size);
};