Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Created standalone search component

Browse source
This commit is contained in:
Sanne de Vries 2022-07-05 10:49:11 +02:00
parent 27e5cde85a
commit bca286632f
1 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
ghost/sodo-search/src/components/PopupModal.js
View file

@ -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;