filesytem ToolbarActions.tsx

100% Statements 4/4

100% Branches 0/0

100% Functions 2/2

100% Lines 3/3

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  
 
 
 
 
2x
 
 
 
2x
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { ReactElement } from "react";
import { Button, Fade } from "react-bootstrap";
import { SystemState } from "../../../background/redux/actions/sytemState";
import { connect, ConnectedProps } from "react-redux";
 
const mapState = (state: SystemState) => ({
  selectedFsEntiesCount: state.filesystem.selectedFsEnties.length
});
 
const connector = connect(mapState);
 
type PropsFromRedux = ConnectedProps<typeof connector>;
 
type Props = PropsFromRedux & {};
 
function ToolbarActions(props: Props): ReactElement | null {
  return (
    <span>
      <Fade in={props.selectedFsEntiesCount === 1}>
        <Button>Rename</Button>
      </Fade>
      <Fade in={props.selectedFsEntiesCount > 0}>
        <span>
          <Button>Delete</Button>
          <Button>Download</Button>
        </span>
      </Fade>
      <Button>New Folder</Button>
    </span>
  );
}
 
export default connector(ToolbarActions);