recommendations

1 files changed, 28 insertions, 0 deletions

diff --git a/src/Recommendations.tsx b/src/Recommendations.tsx
new file mode 100644
index 000000000..ca1123ef9
--- /dev/null
+++ b/src/Recommendations.tsx
@@ -0,0 +1,28 @@
+import { observer } from "mobx-react";
+import React = require("react");
+import { Doc } from "./new_fields/Doc";
+import { NumCast } from "./new_fields/Types";
+
+export interface RecProps {
+    documents: { preview: string, similarity: number }[],
+    node: Doc;
+}
+
+@observer
+export class Recommendations extends React.Component<RecProps> {
+    render() {
+        const transform = "translate(" + (NumCast(this.props.node.x) + 350) + "px, " + NumCast(this.props.node.y) + "px"
+        return (
+            <div className="rec-scroll" style={{ transform: transform }}>
+                {this.props.documents.map(doc => {
+                    return (
+                        <div className="recommendation-content">
+                            <img src={doc.preview} />
+                            <div>{doc.similarity}</div>
+                        </div>
+                    )
+                })}
+            </div>
+        )
+    }
+}
\ No newline at end of file