From bca286632fec0bacd949b35b6745b5488ced179b Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 5 Jul 2022 10:49:11 +0200
Subject: [PATCH] Created standalone search component

---
 .../sodo-search/src/components/PopupModal.js  | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/ghost/sodo-search/src/components/PopupModal.js b/ghost/sodo-search/src/components/PopupModal.js
index 7d9c6e32a6..a5399e20d5 100644
--- a/ghost/sodo-search/src/components/PopupModal.js
+++ b/ghost/sodo-search/src/components/PopupModal.js
@@ -76,26 +76,30 @@ class PopupContent extends React.Component {
     }
 
     render() {
-        const pageStyle = {};
-        let popupWidthStyle = '';
-
-        let pageClass = 'search';
-
-        let className = 'gh-portal-popup-container';
-
-        const containerClassName = `${className} ${popupWidthStyle} ${pageClass}`;
         return (
-            <>
-                <div className={'gh-portal-popup-wrapper ' + pageClass} onClick={e => this.handlePopupClose(e)}>
-                    <div className={containerClassName} style={pageStyle} ref={node => (this.node = node)} tabIndex={-1}>
-                        Something something
-                    </div>
-                </div>
-            </>
+            <Search />
         );
     }
 }
 
+function Search() {
+    let pageClass = 'search';
+
+    let className = 'gh-portal-popup-container';
+
+    const containerClassName = `${className} ${pageClass}`;
+
+    return (
+        <>
+            <div className={'gh-portal-popup-wrapper'}>
+                <div className={containerClassName} style={{}}>
+                    Search posts, tags, and authors
+                </div>
+            </div>
+        </>
+    );
+}
+
 export default class PopupModal extends React.Component {
     static contextType = AppContext;