debugger DebuggerPausedPane.tsx

0% Statements 0/16

0% Branches 0/1

0% Functions 0/5

0% Lines 0/15

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import l10n from "shared/lib/lang/l10n";
import { useAppSelector } from "store/hooks";
import styled from "styled-components";
import { InfoIcon } from "ui/icons/Icons";
 
const PausedMessage = styled.div`
  display: flex;
  flex-shrink: 0;
  padding: 0 5px;
  height: 31px;
  box-sizing: border-box;
  align-items: center;
  font-weight: bold;
  background: ${(props) => props.theme.colors.highlight};
  color: ${(props) => props.theme.colors.highlightText};
 
  svg {
    width: 15px;
    margin-right: 3px;
    fill: ${(props) => props.theme.colors.highlightText};
  }
`;
 
const DebuggerPausedPane = () => {
  const isPaused = useAppSelector((state) => state.debug.isPaused);
 
  Iif (!isPaused) {
    return null;
  }
 
  return (
    <PausedMessage>
      <InfoIcon /> {l10n("FIELD_DEBUGGER_PAUSED")}
    </PausedMessage>
  );
};
 
export default DebuggerPausedPane;