-
Notifications
You must be signed in to change notification settings - Fork 10
/
ButtonAction.tsx
45 lines (39 loc) · 1.42 KB
/
ButtonAction.tsx
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
41
42
43
44
import React from "react";
import arrow from "../../assets/img/buttons/Backtab.svg";
import add from "../../assets/img/buttons/Add.svg";
import copyDefault from "../../assets/img/buttons/CopyDefault.svg";
import copyAll from "../../assets/img/buttons/CopyAll.svg";
import copied from "../../assets/img/buttons/Copied.svg";
export interface IActionButtonProps {
onClick?: () => void;
}
export const BackTab: React.FunctionComponent<IActionButtonProps> = ({onClick}) => {
return(<button
className={"back-tab"}
onClick={onClick}>
<img className={"icon"} src={arrow} />
</button>);
};
export const CopyButton: React.FunctionComponent<IActionButtonProps> = ({onClick}) => {
return(<button
className={"copy-button"}
onClick={onClick}>
<img className={"icon copy"} src={copyDefault} />
<img className={"icon copyall"} src={copyAll} />
<img className={"icon copied"} src={copied} />
</button>);
};
export const AddButton: React.FunctionComponent<IActionButtonProps> = ({onClick}) => {
return(<button
className={"add-button"}
onClick={onClick}>
<img className={"icon"} src={add} />
</button>);
};
export const BackButton: React.FunctionComponent<IActionButtonProps> = ({onClick}) => {
return(<button
className={"back-button"}
onClick={onClick}>
<img className={"icon"} src={arrow} />
</button>);
};