diff options
| author | anika-ahluwalia <anika.ahluwalia@gmail.com> | 2020-07-03 18:47:48 -0500 |
|---|---|---|
| committer | anika-ahluwalia <anika.ahluwalia@gmail.com> | 2020-07-03 18:47:48 -0500 |
| commit | ed74b8b6d6c65a24803c4e0e68aa192a750d60fa (patch) | |
| tree | 237fc7ff35083d17f97a484be4926354ff8edffa /src/client/views/nodes/LinkCreatedBox.tsx | |
| parent | ee7f8a5798bd142246e97c2b347695295ff89c35 (diff) | |
restructure
Diffstat (limited to 'src/client/views/nodes/LinkCreatedBox.tsx')
| -rw-r--r-- | src/client/views/nodes/LinkCreatedBox.tsx | 31 |
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 |
