mirror of
https://github.com/pavlobu/deskreen.git
synced 2025-05-21 01:40:12 -07:00
1789 lines
76 KiB
Plaintext
1789 lines
76 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should match exact snapshot on each step 1`] = `
|
|
<BrowserRouter>
|
|
<Router
|
|
history={
|
|
Object {
|
|
"action": "POP",
|
|
"block": [Function],
|
|
"createHref": [Function],
|
|
"go": [Function],
|
|
"goBack": [Function],
|
|
"goForward": [Function],
|
|
"length": 1,
|
|
"listen": [Function],
|
|
"location": Object {
|
|
"hash": "",
|
|
"pathname": "/",
|
|
"search": "",
|
|
"state": undefined,
|
|
},
|
|
"push": [Function],
|
|
"replace": [Function],
|
|
}
|
|
}
|
|
>
|
|
<IntermediateStep
|
|
activeStep={0}
|
|
handleBack={[Function]}
|
|
handleNext={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
resetPendingConnectionDevice={[Function]}
|
|
resetUserAllowedConnection={[Function]}
|
|
steps={
|
|
Array [
|
|
"a",
|
|
"b",
|
|
"c",
|
|
]
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<ScanQRStep>
|
|
<div
|
|
style={
|
|
Object {
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text"
|
|
>
|
|
<div
|
|
className="bp3-text"
|
|
>
|
|
Scan the QR code
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
>
|
|
<div
|
|
className="bp3-text-muted"
|
|
>
|
|
( make sure your computer and device are connected on same WiFi )
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<div>
|
|
<Blueprint3.Tooltip
|
|
content="Click to make bigger"
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
position="left"
|
|
transitionDuration={100}
|
|
>
|
|
<Blueprint3.Popover
|
|
autoFocus={false}
|
|
boundary="scrollParent"
|
|
canEscapeKeyClose={false}
|
|
captureDismiss={false}
|
|
content="Click to make bigger"
|
|
defaultIsOpen={false}
|
|
disabled={false}
|
|
enforceFocus={false}
|
|
fill={false}
|
|
hasBackdrop={false}
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
inheritDarkTheme={true}
|
|
interactionKind="hover-target"
|
|
lazy={true}
|
|
minimal={false}
|
|
modifiers={Object {}}
|
|
openOnTargetFocus={true}
|
|
popoverClassName="bp3-tooltip"
|
|
position="left"
|
|
targetTagName="span"
|
|
transitionDuration={100}
|
|
usePortal={true}
|
|
wrapperTagName="span"
|
|
>
|
|
<Manager>
|
|
<span
|
|
className="bp3-popover-wrapper"
|
|
>
|
|
<Reference
|
|
innerRef={[Function]}
|
|
>
|
|
<InnerReference
|
|
innerRef={[Function]}
|
|
setReferenceNode={[Function]}
|
|
>
|
|
<Blueprint3.ResizeSensor
|
|
onResize={[Function]}
|
|
>
|
|
<span
|
|
className="bp3-popover-target"
|
|
onBlur={[Function]}
|
|
onFocus={[Function]}
|
|
onMouseEnter={[Function]}
|
|
onMouseLeave={[Function]}
|
|
>
|
|
<Blueprint3.Button
|
|
className="makeStyles-smallQRCode-1"
|
|
id="magnify-qr-code-button"
|
|
key=".0"
|
|
onClick={[Function]}
|
|
tabIndex={0}
|
|
>
|
|
<button
|
|
className="bp3-button makeStyles-smallQRCode-1"
|
|
id="magnify-qr-code-button"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
tabIndex={0}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
<QRCode
|
|
bgColor="rgba(0,0,0,0.0)"
|
|
fgColor="#000000"
|
|
imageSettings={
|
|
Object {
|
|
"height": 40,
|
|
"src": "https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Electron_Software_Framework_Logo.svg/256px-Electron_Software_Framework_Logo.svg.png",
|
|
"width": 40,
|
|
}
|
|
}
|
|
includeMargin={false}
|
|
level="H"
|
|
renderAs="svg"
|
|
size={128}
|
|
value="http://255.255.255.255:3000/"
|
|
>
|
|
<QRCodeSVG
|
|
bgColor="rgba(0,0,0,0.0)"
|
|
fgColor="#000000"
|
|
imageSettings={
|
|
Object {
|
|
"height": 40,
|
|
"src": "https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Electron_Software_Framework_Logo.svg/256px-Electron_Software_Framework_Logo.svg.png",
|
|
"width": 40,
|
|
}
|
|
}
|
|
includeMargin={false}
|
|
level="H"
|
|
size={128}
|
|
value="http://255.255.255.255:3000/"
|
|
>
|
|
<svg
|
|
height={128}
|
|
shapeRendering="crispEdges"
|
|
viewBox="0 0 33 33"
|
|
width={128}
|
|
>
|
|
<path
|
|
d="M0,0 h33v33H0z"
|
|
fill="rgba(0,0,0,0.0)"
|
|
/>
|
|
<path
|
|
d="M0 0h7v1H0zM8 0h1v1H8zM10 0h1v1H10zM12 0h2v1H12zM15 0h2v1H15zM20 0h1v1H20zM23 0h2v1H23zM26,0 h7v1H26zM0 1h1v1H0zM6 1h1v1H6zM8 1h2v1H8zM12 1h1v1H12zM15 1h4v1H15zM22 1h1v1H22zM26 1h1v1H26zM32,1 h1v1H32zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM8 2h1v1H8zM10 2h1v1H10zM12 2h1v1H12zM14 2h1v1H14zM17 2h2v1H17zM20 2h2v1H20zM23 2h1v1H23zM26 2h1v1H26zM28 2h3v1H28zM32,2 h1v1H32zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h1v1H9zM11 3h1v1H11zM14 3h1v1H14zM16 3h3v1H16zM23 3h1v1H23zM26 3h1v1H26zM28 3h3v1H28zM32,3 h1v1H32zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM9 4h1v1H9zM11 4h1v1H11zM15 4h3v1H15zM20 4h3v1H20zM24 4h1v1H24zM26 4h1v1H26zM28 4h3v1H28zM32,4 h1v1H32zM0 5h1v1H0zM6 5h1v1H6zM8 5h2v1H8zM11 5h4v1H11zM19 5h1v1H19zM26 5h1v1H26zM32,5 h1v1H32zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22 6h1v1H22zM24 6h1v1H24zM26,6 h7v1H26zM8 7h3v1H8zM12 7h3v1H12zM17 7h1v1H17zM19 7h4v1H19zM24 7h1v1H24zM2 8h3v1H2zM6 8h1v1H6zM8 8h4v1H8zM13 8h2v1H13zM19 8h1v1H19zM25 8h3v1H25zM30,8 h3v1H30zM0 9h1v1H0zM2 9h1v1H2zM8 9h1v1H8zM10 9h2v1H10zM14 9h1v1H14zM17 9h2v1H17zM20 9h1v1H20zM22 9h5v1H22zM29,9 h4v1H29zM0 10h4v1H0zM5 10h2v1H5zM8 10h4v1H8zM13 10h1v1H13zM16 10h5v1H16zM22 10h1v1H22zM24 10h1v1H24zM27 10h1v1H27zM29 10h2v1H29zM1 11h1v1H1zM8 11h2v1H8zM11 11h3v1H11zM16 11h1v1H16zM18 11h1v1H18zM20 11h1v1H20zM23 11h2v1H23zM26 11h1v1H26zM30 11h2v1H30zM1 12h1v1H1zM6 12h1v1H6zM8 12h2v1H8zM12 12h2v1H12zM15 12h2v1H15zM18 12h1v1H18zM20 12h5v1H20zM27 12h1v1H27zM31 12h1v1H31zM4 13h2v1H4zM7 13h1v1H7zM9 13h1v1H9zM13 13h2v1H13zM17 13h1v1H17zM19 13h1v1H19zM23 13h4v1H23zM28 13h1v1H28zM30 13h1v1H30zM32,13 h1v1H32zM0 14h3v1H0zM6 14h3v1H6zM10 14h1v1H10zM12 14h1v1H12zM16 14h2v1H16zM19 14h1v1H19zM22 14h1v1H22zM25 14h1v1H25zM27 14h2v1H27zM30 14h2v1H30zM0 15h6v1H0zM8 15h2v1H8zM12 15h4v1H12zM17 15h1v1H17zM19 15h4v1H19zM25 15h1v1H25zM28 15h1v1H28zM30 15h1v1H30zM0 16h4v1H0zM6 16h3v1H6zM10 16h1v1H10zM13 16h1v1H13zM15 16h3v1H15zM19 16h2v1H19zM24 16h1v1H24zM28 16h1v1H28zM31,16 h2v1H31zM1 17h3v1H1zM9 17h1v1H9zM11 17h2v1H11zM15 17h2v1H15zM20 17h8v1H20zM31,17 h2v1H31zM2 18h2v1H2zM5 18h3v1H5zM9 18h1v1H9zM11 18h2v1H11zM14 18h2v1H14zM18 18h3v1H18zM24 18h1v1H24zM27 18h2v1H27zM30 18h1v1H30zM1 19h2v1H1zM4 19h1v1H4zM8 19h3v1H8zM12 19h3v1H12zM17 19h1v1H17zM19 19h1v1H19zM21 19h1v1H21zM23 19h3v1H23zM27 19h1v1H27zM29 19h2v1H29zM0 20h1v1H0zM3 20h1v1H3zM5 20h2v1H5zM8 20h3v1H8zM12 20h5v1H12zM18 20h1v1H18zM20 20h1v1H20zM23 20h2v1H23zM28 20h2v1H28zM0 21h1v1H0zM2 21h2v1H2zM5 21h1v1H5zM8 21h2v1H8zM11 21h3v1H11zM15 21h2v1H15zM18 21h1v1H18zM21 21h2v1H21zM25 21h1v1H25zM27 21h1v1H27zM29,21 h4v1H29zM0 22h1v1H0zM4 22h3v1H4zM8 22h1v1H8zM11 22h4v1H11zM16 22h2v1H16zM19 22h1v1H19zM21 22h1v1H21zM23 22h2v1H23zM27 22h4v1H27zM0 23h1v1H0zM2 23h1v1H2zM4 23h1v1H4zM7 23h1v1H7zM9 23h1v1H9zM11 23h2v1H11zM14 23h2v1H14zM19 23h3v1H19zM23 23h1v1H23zM28 23h1v1H28zM30 23h2v1H30zM0 24h1v1H0zM2 24h1v1H2zM6 24h2v1H6zM9 24h2v1H9zM13 24h1v1H13zM15 24h2v1H15zM20 24h1v1H20zM23 24h6v1H23zM31 24h1v1H31zM8 25h3v1H8zM13 25h1v1H13zM15 25h3v1H15zM21 25h4v1H21zM28 25h2v1H28zM31,25 h2v1H31zM0 26h7v1H0zM10 26h1v1H10zM12 26h2v1H12zM15 26h1v1H15zM18 26h1v1H18zM20 26h2v1H20zM23 26h2v1H23zM26 26h1v1H26zM28 26h1v1H28zM0 27h1v1H0zM6 27h1v1H6zM9 27h1v1H9zM11 27h1v1H11zM15 27h1v1H15zM18 27h1v1H18zM20 27h3v1H20zM24 27h1v1H24zM28 27h1v1H28zM30 27h1v1H30zM32,27 h1v1H32zM0 28h1v1H0zM2 28h3v1H2zM6 28h1v1H6zM8 28h1v1H8zM11 28h1v1H11zM14 28h1v1H14zM17 28h2v1H17zM20 28h2v1H20zM24 28h6v1H24zM0 29h1v1H0zM2 29h3v1H2zM6 29h1v1H6zM8 29h3v1H8zM13 29h1v1H13zM15 29h2v1H15zM18 29h2v1H18zM21 29h4v1H21zM28 29h2v1H28zM31 29h1v1H31zM0 30h1v1H0zM2 30h3v1H2zM6 30h1v1H6zM8 30h1v1H8zM10 30h1v1H10zM12 30h2v1H12zM17 30h1v1H17zM20 30h2v1H20zM23 30h4v1H23zM29 30h1v1H29zM0 31h1v1H0zM6 31h1v1H6zM9 31h1v1H9zM13 31h2v1H13zM16 31h2v1H16zM20 31h4v1H20zM25 31h1v1H25zM27 31h1v1H27zM30 31h1v1H30zM0 32h7v1H0zM9 32h2v1H9zM12 32h1v1H12zM15 32h1v1H15zM17 32h6v1H17zM24 32h2v1H24zM30 32h2v1H30z"
|
|
fill="#000000"
|
|
/>
|
|
<image
|
|
height={10.3125}
|
|
preserveAspectRatio="none"
|
|
width={10.3125}
|
|
x={11.34375}
|
|
xlinkHref="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Electron_Software_Framework_Logo.svg/256px-Electron_Software_Framework_Logo.svg.png"
|
|
y={11.34375}
|
|
/>
|
|
</svg>
|
|
</QRCodeSVG>
|
|
</QRCode>
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</span>
|
|
</Blueprint3.ResizeSensor>
|
|
</InnerReference>
|
|
</Reference>
|
|
<Blueprint3.Overlay
|
|
autoFocus={false}
|
|
backdropClassName="bp3-popover-backdrop"
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={false}
|
|
canOutsideClickClose={false}
|
|
enforceFocus={false}
|
|
hasBackdrop={false}
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
transitionDuration={100}
|
|
transitionName="bp3-popover"
|
|
usePortal={true}
|
|
/>
|
|
</span>
|
|
</Manager>
|
|
</Blueprint3.Popover>
|
|
</Blueprint3.Tooltip>
|
|
</div>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
>
|
|
<div
|
|
className="bp3-text-muted"
|
|
>
|
|
or type the following address manualy in browser address bar on any device:
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<Blueprint3.Tooltip
|
|
content="Click to copy"
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
position="left"
|
|
transitionDuration={100}
|
|
>
|
|
<Blueprint3.Popover
|
|
autoFocus={false}
|
|
boundary="scrollParent"
|
|
canEscapeKeyClose={false}
|
|
captureDismiss={false}
|
|
content="Click to copy"
|
|
defaultIsOpen={false}
|
|
disabled={false}
|
|
enforceFocus={false}
|
|
fill={false}
|
|
hasBackdrop={false}
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
inheritDarkTheme={true}
|
|
interactionKind="hover-target"
|
|
lazy={true}
|
|
minimal={false}
|
|
modifiers={Object {}}
|
|
openOnTargetFocus={true}
|
|
popoverClassName="bp3-tooltip"
|
|
position="left"
|
|
targetTagName="span"
|
|
transitionDuration={100}
|
|
usePortal={true}
|
|
wrapperTagName="span"
|
|
>
|
|
<Manager>
|
|
<span
|
|
className="bp3-popover-wrapper"
|
|
>
|
|
<Reference
|
|
innerRef={[Function]}
|
|
>
|
|
<InnerReference
|
|
innerRef={[Function]}
|
|
setReferenceNode={[Function]}
|
|
>
|
|
<Blueprint3.ResizeSensor
|
|
onResize={[Function]}
|
|
>
|
|
<span
|
|
className="bp3-popover-target"
|
|
onBlur={[Function]}
|
|
onFocus={[Function]}
|
|
onMouseEnter={[Function]}
|
|
onMouseLeave={[Function]}
|
|
>
|
|
<Blueprint3.Button
|
|
className=""
|
|
icon="duplicate"
|
|
intent="primary"
|
|
key=".0"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-primary"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="duplicate"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-duplicate"
|
|
icon="duplicate"
|
|
>
|
|
<svg
|
|
data-icon="duplicate"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
duplicate
|
|
</desc>
|
|
<path
|
|
d="M15 0H5c-.55 0-1 .45-1 1v2h2V2h8v7h-1v2h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-4 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-1 10H2V6h8v8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
http://255.255.255.255:3000/
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</span>
|
|
</Blueprint3.ResizeSensor>
|
|
</InnerReference>
|
|
</Reference>
|
|
<Blueprint3.Overlay
|
|
autoFocus={false}
|
|
backdropClassName="bp3-popover-backdrop"
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={false}
|
|
canOutsideClickClose={false}
|
|
enforceFocus={false}
|
|
hasBackdrop={false}
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
transitionDuration={100}
|
|
transitionName="bp3-popover"
|
|
usePortal={true}
|
|
/>
|
|
</span>
|
|
</Manager>
|
|
</Blueprint3.Popover>
|
|
</Blueprint3.Tooltip>
|
|
<Blueprint3.Dialog
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="makeStyles-bigQRCodeDialogRoot-3"
|
|
id="bp3-qr-code-dialog-root"
|
|
isOpen={false}
|
|
onClose={[Function]}
|
|
style={
|
|
Object {
|
|
"position": "relative",
|
|
"top": "-30px",
|
|
}
|
|
}
|
|
transitionDuration={0}
|
|
>
|
|
<Blueprint3.Overlay
|
|
autoFocus={true}
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="bp3-overlay-scroll-container"
|
|
enforceFocus={true}
|
|
hasBackdrop={true}
|
|
id="bp3-qr-code-dialog-root"
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
style={
|
|
Object {
|
|
"position": "relative",
|
|
"top": "-30px",
|
|
}
|
|
}
|
|
transitionDuration={0}
|
|
transitionName="bp3-overlay"
|
|
usePortal={true}
|
|
/>
|
|
</Blueprint3.Dialog>
|
|
</ScanQRStep>
|
|
<Blueprint3.Button
|
|
onClick={[Function]}
|
|
>
|
|
<button
|
|
className="bp3-button"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
Connect Test Device
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Row
|
|
style={
|
|
Object {
|
|
"display": "none",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row"
|
|
style={
|
|
Object {
|
|
"display": "none",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Button
|
|
icon="chevron-left"
|
|
intent="danger"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
text="No, I need to share other thing"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-danger"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="chevron-left"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-left"
|
|
icon="chevron-left"
|
|
>
|
|
<svg
|
|
data-icon="chevron-left"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-left
|
|
</desc>
|
|
<path
|
|
d="M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
No, I need to share other thing
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Col>
|
|
</IntermediateStep>
|
|
</Router>
|
|
</BrowserRouter>
|
|
`;
|
|
|
|
exports[`should match exact snapshot on each step 2`] = `
|
|
<BrowserRouter>
|
|
<Router
|
|
history={
|
|
Object {
|
|
"action": "POP",
|
|
"block": [Function],
|
|
"createHref": [Function],
|
|
"go": [Function],
|
|
"goBack": [Function],
|
|
"goForward": [Function],
|
|
"length": 1,
|
|
"listen": [Function],
|
|
"location": Object {
|
|
"hash": "",
|
|
"pathname": "/",
|
|
"search": "",
|
|
"state": undefined,
|
|
},
|
|
"push": [Function],
|
|
"replace": [Function],
|
|
}
|
|
}
|
|
>
|
|
<IntermediateStep
|
|
activeStep={1}
|
|
handleBack={[Function]}
|
|
handleNext={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
resetPendingConnectionDevice={[Function]}
|
|
resetUserAllowedConnection={[Function]}
|
|
steps={
|
|
Array [
|
|
"a",
|
|
"b",
|
|
"c",
|
|
]
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<ChooseAppOrScreeenStep
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
>
|
|
<Row
|
|
style={
|
|
Object {
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row"
|
|
style={
|
|
Object {
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<Col
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
>
|
|
<Row
|
|
center="xs"
|
|
>
|
|
<div
|
|
className="row center-xs"
|
|
>
|
|
<Col
|
|
xs={6}
|
|
>
|
|
<div
|
|
className="col-xs-6"
|
|
>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Choose Entire Screen or App window you want to share
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<Row
|
|
center="xs"
|
|
>
|
|
<div
|
|
className="row center-xs"
|
|
>
|
|
<Col>
|
|
<div
|
|
className=""
|
|
>
|
|
<ShareEntireScreenOrAppWindowControlGroup
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
>
|
|
<Blueprint3.ControlGroup
|
|
className="makeStyles-controlGroupRoot-4"
|
|
fill={true}
|
|
id="share-screen-or-app-btn-group"
|
|
style={
|
|
Object {
|
|
"width": "380px",
|
|
}
|
|
}
|
|
vertical={false}
|
|
>
|
|
<div
|
|
className="bp3-control-group bp3-fill makeStyles-controlGroupRoot-4"
|
|
id="share-screen-or-app-btn-group"
|
|
style={
|
|
Object {
|
|
"width": "380px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Button
|
|
className="makeStyles-shareEntireScreenButton-5"
|
|
intent="primary"
|
|
onClick={[Function]}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-primary makeStyles-shareEntireScreenButton-5"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
<Blueprint3.Icon
|
|
className="makeStyles-shareEntireScreenButtonIcon-6"
|
|
color="white"
|
|
icon="desktop"
|
|
iconSize={100}
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-desktop makeStyles-shareEntireScreenButtonIcon-6"
|
|
icon="desktop"
|
|
>
|
|
<svg
|
|
data-icon="desktop"
|
|
fill="white"
|
|
height={100}
|
|
viewBox="0 0 20 20"
|
|
width={100}
|
|
>
|
|
<desc>
|
|
desktop
|
|
</desc>
|
|
<path
|
|
d="M19 0H1C.45 0 0 .45 0 1v13c0 .55.45 1 1 1h5.67l-.5 3H5c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1h-1.17l-.5-3H19c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-1 13H2V2h16v11z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<Blueprint3.Text
|
|
className="bp3-running-text"
|
|
>
|
|
<div
|
|
className="bp3-running-text"
|
|
>
|
|
Entire Screen
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Blueprint3.Button
|
|
className="makeStyles-shareAppButton-7"
|
|
intent="primary"
|
|
onClick={[Function]}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-primary makeStyles-shareAppButton-7"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
<Blueprint3.Icon
|
|
className="makeStyles-shareAppButtonIcon-8"
|
|
color="white"
|
|
icon="application"
|
|
iconSize={100}
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-application makeStyles-shareAppButtonIcon-8"
|
|
icon="application"
|
|
>
|
|
<svg
|
|
data-icon="application"
|
|
fill="white"
|
|
height={100}
|
|
viewBox="0 0 20 20"
|
|
width={100}
|
|
>
|
|
<desc>
|
|
application
|
|
</desc>
|
|
<path
|
|
d="M3.5 9h9c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-9c-.28 0-.5.22-.5.5s.22.5.5.5zm0 2h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5zM19 1H1c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm-1 16H2V6h16v11zM3.5 13h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<Blueprint3.Text
|
|
className="bp3-running-text"
|
|
>
|
|
<div
|
|
className="bp3-running-text"
|
|
>
|
|
Application Window
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Blueprint3.Button
|
|
active={true}
|
|
className="makeStyles-orDecorationButton-9"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-active makeStyles-orDecorationButton-9"
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
OR
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Blueprint3.ControlGroup>
|
|
<ChooseAppOrScreenOverlay
|
|
handleClose={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
isChooseAppOrScreenOverlayOpen={false}
|
|
isEntireScreenToShareChosen={false}
|
|
>
|
|
<Blueprint3.Dialog
|
|
autoFocus={true}
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="makeStyles-dialogRoot-10 choose-app-or-screen-dialog"
|
|
enforceFocus={true}
|
|
hasBackdrop={true}
|
|
isOpen={false}
|
|
onClose={[Function]}
|
|
transitionDuration={0}
|
|
usePortal={true}
|
|
>
|
|
<Blueprint3.Overlay
|
|
autoFocus={true}
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="bp3-overlay-scroll-container"
|
|
enforceFocus={true}
|
|
hasBackdrop={true}
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
transitionDuration={0}
|
|
transitionName="bp3-overlay"
|
|
usePortal={true}
|
|
/>
|
|
</Blueprint3.Dialog>
|
|
</ChooseAppOrScreenOverlay>
|
|
</ShareEntireScreenOrAppWindowControlGroup>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</ChooseAppOrScreeenStep>
|
|
<Row>
|
|
<div
|
|
className="row"
|
|
>
|
|
<Col
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
>
|
|
<Blueprint3.Button
|
|
intent="none"
|
|
onClick={[Function]}
|
|
rightIcon="chevron-right"
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"textAlign": "center",
|
|
"width": "300px",
|
|
}
|
|
}
|
|
>
|
|
<button
|
|
className="bp3-button"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"textAlign": "center",
|
|
"width": "300px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
Next
|
|
</span>
|
|
<Blueprint3.Icon
|
|
icon="chevron-right"
|
|
key="rightIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-right"
|
|
icon="chevron-right"
|
|
>
|
|
<svg
|
|
data-icon="chevron-right"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-right
|
|
</desc>
|
|
<path
|
|
d="M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
<Row
|
|
style={
|
|
Object {
|
|
"display": "none",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row"
|
|
style={
|
|
Object {
|
|
"display": "none",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Button
|
|
icon="chevron-left"
|
|
intent="danger"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
text="No, I need to share other thing"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-danger"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="chevron-left"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-left"
|
|
icon="chevron-left"
|
|
>
|
|
<svg
|
|
data-icon="chevron-left"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-left
|
|
</desc>
|
|
<path
|
|
d="M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
No, I need to share other thing
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Col>
|
|
</IntermediateStep>
|
|
</Router>
|
|
</BrowserRouter>
|
|
`;
|
|
|
|
exports[`should match exact snapshot on each step 3`] = `
|
|
<BrowserRouter>
|
|
<Router
|
|
history={
|
|
Object {
|
|
"action": "POP",
|
|
"block": [Function],
|
|
"createHref": [Function],
|
|
"go": [Function],
|
|
"goBack": [Function],
|
|
"goForward": [Function],
|
|
"length": 1,
|
|
"listen": [Function],
|
|
"location": Object {
|
|
"hash": "",
|
|
"pathname": "/",
|
|
"search": "",
|
|
"state": undefined,
|
|
},
|
|
"push": [Function],
|
|
"replace": [Function],
|
|
}
|
|
}
|
|
>
|
|
<IntermediateStep
|
|
activeStep={2}
|
|
handleBack={[Function]}
|
|
handleNext={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
resetPendingConnectionDevice={[Function]}
|
|
resetUserAllowedConnection={[Function]}
|
|
steps={
|
|
Array [
|
|
"a",
|
|
"b",
|
|
"c",
|
|
]
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<ConfirmStep>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginTop": "50px",
|
|
"width": "80%",
|
|
}
|
|
}
|
|
>
|
|
<Row
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row"
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Check if all is OK and click "Confirm"
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
<Row
|
|
center="xs"
|
|
middle="xs"
|
|
>
|
|
<div
|
|
className="row center-xs middle-xs"
|
|
>
|
|
<Col
|
|
xs={5}
|
|
>
|
|
<div
|
|
className="col-xs-5"
|
|
>
|
|
<DeviceInfoCallout>
|
|
<Component
|
|
style={
|
|
Object {
|
|
"margin": "0 auto",
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<h4
|
|
className="bp3-heading"
|
|
style={
|
|
Object {
|
|
"margin": "0 auto",
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
Partner Device Info:
|
|
</h4>
|
|
</Component>
|
|
<Blueprint3.Callout
|
|
id="device-info-callout"
|
|
>
|
|
<div
|
|
className="bp3-callout"
|
|
id="device-info-callout"
|
|
>
|
|
<Row
|
|
center="xs"
|
|
>
|
|
<div
|
|
className="row center-xs"
|
|
>
|
|
<Col
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Device Type:
|
|
<span />
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Tooltip
|
|
content={
|
|
<React.Fragment>
|
|
<Blueprint3.Text>
|
|
This should match with 'Device IP' displayed on the screen of device
|
|
that is trying to connect.
|
|
</Blueprint3.Text>
|
|
<span
|
|
style={
|
|
Object {
|
|
"fontWeight": 900,
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
If IPs don't match click 'Deny' or 'Disconnect' button immediately to
|
|
secure your computer!
|
|
</Blueprint3.Text>
|
|
</span>
|
|
</React.Fragment>
|
|
}
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
position="top"
|
|
transitionDuration={100}
|
|
>
|
|
<Blueprint3.Popover
|
|
autoFocus={false}
|
|
boundary="scrollParent"
|
|
canEscapeKeyClose={false}
|
|
captureDismiss={false}
|
|
content={
|
|
<React.Fragment>
|
|
<Blueprint3.Text>
|
|
This should match with 'Device IP' displayed on the screen of device
|
|
that is trying to connect.
|
|
</Blueprint3.Text>
|
|
<span
|
|
style={
|
|
Object {
|
|
"fontWeight": 900,
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
If IPs don't match click 'Deny' or 'Disconnect' button immediately to
|
|
secure your computer!
|
|
</Blueprint3.Text>
|
|
</span>
|
|
</React.Fragment>
|
|
}
|
|
defaultIsOpen={false}
|
|
disabled={false}
|
|
enforceFocus={false}
|
|
fill={false}
|
|
hasBackdrop={false}
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
inheritDarkTheme={true}
|
|
interactionKind="hover-target"
|
|
lazy={true}
|
|
minimal={false}
|
|
modifiers={Object {}}
|
|
openOnTargetFocus={true}
|
|
popoverClassName="bp3-tooltip"
|
|
position="top"
|
|
targetTagName="span"
|
|
transitionDuration={100}
|
|
usePortal={true}
|
|
wrapperTagName="span"
|
|
>
|
|
<Manager>
|
|
<span
|
|
className="bp3-popover-wrapper"
|
|
>
|
|
<Reference
|
|
innerRef={[Function]}
|
|
>
|
|
<InnerReference
|
|
innerRef={[Function]}
|
|
setReferenceNode={[Function]}
|
|
>
|
|
<Blueprint3.ResizeSensor
|
|
onResize={[Function]}
|
|
>
|
|
<span
|
|
className="bp3-popover-target"
|
|
onBlur={[Function]}
|
|
onFocus={[Function]}
|
|
onMouseEnter={[Function]}
|
|
onMouseLeave={[Function]}
|
|
>
|
|
<div
|
|
className=""
|
|
key=".0"
|
|
style={
|
|
Object {
|
|
"backgroundColor": "#00f99273",
|
|
"fontWeight": 900,
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text-large"
|
|
>
|
|
<div
|
|
className="bp3-text-large"
|
|
>
|
|
Device IP:
|
|
<span
|
|
className="device-ip-span"
|
|
/>
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</span>
|
|
</Blueprint3.ResizeSensor>
|
|
</InnerReference>
|
|
</Reference>
|
|
<Blueprint3.Overlay
|
|
autoFocus={false}
|
|
backdropClassName="bp3-popover-backdrop"
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={false}
|
|
canOutsideClickClose={false}
|
|
enforceFocus={false}
|
|
hasBackdrop={false}
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
transitionDuration={100}
|
|
transitionName="bp3-popover"
|
|
usePortal={true}
|
|
/>
|
|
</span>
|
|
</Manager>
|
|
</Blueprint3.Popover>
|
|
</Blueprint3.Tooltip>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Device Browser:
|
|
<span />
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Device OS:
|
|
<span />
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<div
|
|
style={
|
|
Object {
|
|
"margin": "0 auto",
|
|
"width": "200px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
ellipsize={true}
|
|
>
|
|
<div
|
|
className="bp3-text-overflow-ellipsis bp3-text-muted"
|
|
>
|
|
Session ID:
|
|
<span />
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Blueprint3.Callout>
|
|
</DeviceInfoCallout>
|
|
</div>
|
|
</Col>
|
|
<Col
|
|
xs={5}
|
|
>
|
|
<div
|
|
className="col-xs-5"
|
|
>
|
|
<SharingSourcePreviewCard>
|
|
<Blueprint3.Card
|
|
className="preview-share-thumb-container"
|
|
elevation={0}
|
|
interactive={false}
|
|
onClick={[Function]}
|
|
onMouseEnter={[Function]}
|
|
onMouseLeave={[Function]}
|
|
onMouseOver={[Function]}
|
|
style={
|
|
Object {
|
|
"backgroundColor": "rgba(0,0,0,0.0)",
|
|
"height": "200px",
|
|
"minWidth": "250px",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="bp3-card bp3-elevation-0 preview-share-thumb-container"
|
|
onClick={[Function]}
|
|
onMouseEnter={[Function]}
|
|
onMouseLeave={[Function]}
|
|
onMouseOver={[Function]}
|
|
style={
|
|
Object {
|
|
"backgroundColor": "rgba(0,0,0,0.0)",
|
|
"height": "200px",
|
|
"minWidth": "250px",
|
|
}
|
|
}
|
|
>
|
|
<Row
|
|
center="xs"
|
|
middle="xs"
|
|
style={
|
|
Object {
|
|
"height": "95%",
|
|
"minWidth": "200px",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row center-xs middle-xs"
|
|
style={
|
|
Object {
|
|
"height": "95%",
|
|
"minWidth": "200px",
|
|
}
|
|
}
|
|
>
|
|
<Col
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
>
|
|
<Blueprint3.Spinner
|
|
size={60}
|
|
>
|
|
<div
|
|
className="bp3-spinner"
|
|
>
|
|
<div
|
|
className="bp3-spinner-animation"
|
|
>
|
|
<svg
|
|
height={60}
|
|
strokeWidth="6.67"
|
|
viewBox="1.67 1.67 96.67 96.67"
|
|
width={60}
|
|
>
|
|
<path
|
|
className="bp3-spinner-track"
|
|
d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
|
|
/>
|
|
<path
|
|
className="bp3-spinner-head"
|
|
d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
|
|
pathLength={280}
|
|
strokeDasharray="280 280"
|
|
strokeDashoffset={210}
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</Blueprint3.Spinner>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
<Row
|
|
center="xs"
|
|
>
|
|
<div
|
|
className="row center-xs"
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"backgroundColor": "rgba(0,0,0,0.45)",
|
|
"color": "white",
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"backgroundColor": "rgba(0,0,0,0.45)",
|
|
"color": "white",
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
ellipsize={true}
|
|
>
|
|
<div
|
|
className="bp3-text-overflow-ellipsis"
|
|
/>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Blueprint3.Card>
|
|
</SharingSourcePreviewCard>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
<Row
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row"
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
>
|
|
<div
|
|
className="bp3-text-muted"
|
|
>
|
|
Click "Back" if you need to change something
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</ConfirmStep>
|
|
<Row>
|
|
<div
|
|
className="row"
|
|
>
|
|
<Col
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
>
|
|
<Blueprint3.Button
|
|
intent="success"
|
|
onClick={[Function]}
|
|
rightIcon="small-tick"
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "inline",
|
|
"textAlign": "center",
|
|
"width": "300px",
|
|
}
|
|
}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-success"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "inline",
|
|
"textAlign": "center",
|
|
"width": "300px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
Confirm
|
|
</span>
|
|
<Blueprint3.Icon
|
|
icon="small-tick"
|
|
key="rightIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-small-tick"
|
|
icon="small-tick"
|
|
>
|
|
<svg
|
|
data-icon="small-tick"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
small-tick
|
|
</desc>
|
|
<path
|
|
d="M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Col>
|
|
</div>
|
|
</Row>
|
|
<Row
|
|
style={
|
|
Object {
|
|
"display": "inline-block",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="row"
|
|
style={
|
|
Object {
|
|
"display": "inline-block",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Button
|
|
icon="chevron-left"
|
|
intent="danger"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
text="No, I need to share other thing"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-danger"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="chevron-left"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-left"
|
|
icon="chevron-left"
|
|
>
|
|
<svg
|
|
data-icon="chevron-left"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-left
|
|
</desc>
|
|
<path
|
|
d="M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
No, I need to share other thing
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Row>
|
|
</div>
|
|
</Col>
|
|
</IntermediateStep>
|
|
</Router>
|
|
</BrowserRouter>
|
|
`;
|