Crude searchbox instantiation in linkpopup

added SearchBox to linkpopup. No changes to searchbox css

2 files changed, 17 insertions, 9 deletions

diff --git a/src/client/views/linking/LinkPopup.scss b/src/client/views/linking/LinkPopup.scss
index 009a21bd6..519044e5e 100644
--- a/src/client/views/linking/LinkPopup.scss
+++ b/src/client/views/linking/LinkPopup.scss
@@ -1,3 +1,5 @@
+@import "../globalCssVariables";
+
 .linkPopup-container {
     background: white;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
@@ -5,7 +7,7 @@
     height: 200px;
     width: 200px;
     position: absolute;
-    padding: 10px;
+    padding: 15px;
     border-radius: 3px;
 
     input {
@@ -37,4 +39,9 @@
             margin: auto;
         }
     }
+
+
+    .searchBox-container {
+        background: pink;
+    }
 }
\ No newline at end of file
diff --git a/src/client/views/linking/LinkPopup.tsx b/src/client/views/linking/LinkPopup.tsx
index 71db06f19..5c4640fdf 100644
--- a/src/client/views/linking/LinkPopup.tsx
+++ b/src/client/views/linking/LinkPopup.tsx
@@ -20,7 +20,7 @@ import './LinkPopup.scss';
 import React = require("react");
 import { CurrentUserUtils } from '../../util/CurrentUserUtils';
 import { DefaultStyleProvider } from '../StyleProvider';
-import { Transform } from 'stream';
+import { Transform } from '../../util/Transform';
 import { DocUtils } from '../../documents/Documents';
 import { SearchBox } from '../search/SearchBox';
 
@@ -39,11 +39,13 @@ interface LinkPopupProps {
 @observer
 export class LinkPopup extends React.Component<LinkPopupProps> {
 
+    getPWidth = () => 500;
+    getPHeight = () => 500;
+
     render() {
         const popupVisibility = this.props.showPopup ? "block" : "none";
         return (
             <div className="linkPopup-container" style={{ display: popupVisibility }}>
-
                 <div className="linkPopup-url-container">
                     <input defaultValue={""} autoComplete="off" type="text" placeholder="Enter URL..." id="url-input"
                         className="linkPopup-searchBox searchBox-input" />
@@ -54,12 +56,11 @@ export class LinkPopup extends React.Component<LinkPopupProps> {
                     <p className="divider-text">or</p>
                 </div>
                 <div className="linkPopup-document-search-container">
-                    <i></i>
+                    {/* <i></i>
                     <input defaultValue={""} autoComplete="off" type="text" placeholder="Search for Document..." id="search-input"
-                        className="linkPopup-searchBox searchBox-input" />
+                        className="linkPopup-searchBox searchBox-input" /> */}
 
-                    {/*                     
-                        <SearchBox Document={CurrentUserUtils.MySearchPanelDoc}
+                    <SearchBox Document={CurrentUserUtils.MySearchPanelDoc}
                         DataDoc={CurrentUserUtils.MySearchPanelDoc}
                         fieldKey="data"
                         dropAction="move"
@@ -68,7 +69,7 @@ export class LinkPopup extends React.Component<LinkPopupProps> {
                         select={returnTrue}
                         setHeight={returnFalse}
                         addDocument={undefined}
-                        addDocTab={this.addDocTabFunc}
+                        addDocTab={returnTrue}
                         pinToPres={emptyFunction}
                         rootSelected={returnTrue}
                         styleProvider={DefaultStyleProvider}
@@ -86,7 +87,7 @@ export class LinkPopup extends React.Component<LinkPopupProps> {
                         docRangeFilters={returnEmptyFilter}
                         searchFilterDocs={returnEmptyDoclist}
                         ContainingCollectionView={undefined}
-                        ContainingCollectionDoc={undefined} /> */}
+                        ContainingCollectionDoc={undefined} />
                 </div>
             </div>
         );