forked from asreview/asreview
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ExplorationModeBanner.js
44 lines (42 loc) · 1.32 KB
/
ExplorationModeBanner.js
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 { Banner } from "material-ui-banner";
import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
const ExplorationModeBanner = (props) => {
return (
<div aria-label="exploration mode banner">
<Banner
open={props.explorationMode}
onClose={() => props.setExplorationMode(false)}
label="You are reviewing a (partly) labeled dataset in the validation mode."
icon={<InfoOutlinedIcon sx={{ color: "text.secondary" }} />}
iconProps={{
sx: { bgcolor: "transparent" },
}}
buttonLabel="Learn more"
buttonProps={{
href: "https://asreview.readthedocs.io/en/latest/screening.html#screening-in-validation-mode",
target: "_blank",
sx: { color: "text.secondary" },
}}
dismissButtonLabel="Got it"
dismissButtonProps={{
sx: { color: "text.secondary" },
}}
paperProps={{
sx: {
bgcolor: (theme) =>
theme.palette.mode === "dark" ? "grey.900" : "grey.50",
},
}}
cardProps={{
sx: {
bgcolor: (theme) =>
theme.palette.mode === "dark" ? "grey.900" : "grey.50",
},
}}
appBar
/>
</div>
);
};
export default ExplorationModeBanner;