r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Add sketch Searchbar when displaying modal in Collection view

Browse source
This commit is contained in:
Andrew Nicolaou 2019-10-21 02:06:06 +02:00
parent 5611d32653
commit 935dd12520
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/modules/User/components/Collection.jsx
View file

@ -19,6 +19,7 @@ import EditableInput from '../../IDE/components/EditableInput';
import Overlay from '../../App/components/Overlay'; import Overlay from '../../App/components/Overlay';
import SketchList from '../../IDE/components/SketchList'; import SketchList from '../../IDE/components/SketchList';
import CopyableInput from '../../IDE/components/CopyableInput'; import CopyableInput from '../../IDE/components/CopyableInput';
import SketchSearchbar from '../../IDE/components/Searchbar';
const arrowUp = require('../../../images/sort-arrow-up.svg'); const arrowUp = require('../../../images/sort-arrow-up.svg');
const arrowDown = require('../../../images/sort-arrow-down.svg'); const arrowDown = require('../../../images/sort-arrow-down.svg');
@ -462,7 +463,7 @@ class Collection extends React.Component {
} }
{ {
this.state.isAddingSketches && ( this.state.isAddingSketches && (
<Overlay title="Add sketches" closeOverlay={this.hideAddSketches}> <Overlay title="Add sketches" actions={<SketchSearchbar />} closeOverlay={this.hideAddSketches}>
<div className="collection-add-sketch"> <div className="collection-add-sketch">
<SketchList username={this.props.username} addMode collection={this.props.collection} /> <SketchList username={this.props.username} addMode collection={this.props.collection} />
</div> </div>

1
client/styles/components/_collection.scss
View file

@ -83,6 +83,7 @@
} }
.collection-add-sketch { .collection-add-sketch {
min-width: #{800 / $base-font-size}rem;
padding: #{24 / $base-font-size}rem; padding: #{24 / $base-font-size}rem;
overflow: scroll; overflow: scroll;
} }