aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/LinkCreatedBox.tsx
diff options
context:
space:
mode:
authoranika-ahluwalia <anika.ahluwalia@gmail.com>2020-07-03 18:47:48 -0500
committeranika-ahluwalia <anika.ahluwalia@gmail.com>2020-07-03 18:47:48 -0500
commited74b8b6d6c65a24803c4e0e68aa192a750d60fa (patch)
tree237fc7ff35083d17f97a484be4926354ff8edffa /src/client/views/nodes/LinkCreatedBox.tsx
parentee7f8a5798bd142246e97c2b347695295ff89c35 (diff)
restructure
Diffstat (limited to 'src/client/views/nodes/LinkCreatedBox.tsx')
-rw-r--r--src/client/views/nodes/LinkCreatedBox.tsx31
1 files changed, 31 insertions, 0 deletions
diff --git a/src/client/views/nodes/LinkCreatedBox.tsx b/src/client/views/nodes/LinkCreatedBox.tsx
new file mode 100644
index 000000000..d157d3fca
--- /dev/null
+++ b/src/client/views/nodes/LinkCreatedBox.tsx
@@ -0,0 +1,31 @@
+import React = require("react");
+import { observer } from "mobx-react";
+import { documentSchema } from "../../../fields/documentSchemas";
+import { makeInterface } from "../../../fields/Schema";
+import "./LinkCreatedBox.scss";
+import { observable, action } from "mobx";
+import { Fade } from "@material-ui/core";
+
+
+@observer
+export class LinkCreatedBox extends React.Component<{}> {
+
+ @observable public static linkCreated: boolean = false;
+ @observable public static popupX: number = 600;
+ @observable public static popupY: number = 250;
+
+ @action
+ public static changeLinkCreated = () => {
+ LinkCreatedBox.linkCreated = !LinkCreatedBox.linkCreated;
+ }
+
+ render() {
+ return <Fade in={LinkCreatedBox.linkCreated}>
+ <div className="linkCreatedBox-fade"
+ style={{
+ left: LinkCreatedBox.popupX ? LinkCreatedBox.popupX : 600,
+ top: LinkCreatedBox.popupY ? LinkCreatedBox.popupY : 250,
+ }}>Link Created</div>
+ </Fade>;
+ }
+} \ No newline at end of file