diff options
| author | Tulir Asokan <tulir@maunium.net> | 2024-05-18 16:08:35 +0300 |
|---|---|---|
| committer | Tulir Asokan <tulir@maunium.net> | 2024-05-18 16:18:55 +0300 |
| commit | 47f17fde452b5e9f0c9e96ce0e2c878dd0574b7f (patch) | |
| tree | d24482ccf9720fe9defce1b361575ae9bbaf1a25 /web/src/search-box.js | |
| parent | f59406a47a6778cd402e656ffb64f667335f665a (diff) | |
Add support for sending gifs via Giphy
Fixes #22
Closes #75
Co-authored-by: Nischay <hegdenischay@gmail.com>
Diffstat (limited to 'web/src/search-box.js')
| -rw-r--r-- | web/src/search-box.js | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/web/src/search-box.js b/web/src/search-box.js index ba2ed5d..b25769f 100644 --- a/web/src/search-box.js +++ b/web/src/search-box.js @@ -13,13 +13,13 @@ // // You should have received a copy of the GNU Affero General Public License // along with this program. If not, see <https://www.gnu.org/licenses/>. -import { html } from "../lib/htm/preact.js" +import {html} from "../lib/htm/preact.js" -export const SearchBox = ({ onKeyUp, placeholder = 'Find stickers' }) => { +export const SearchBox = ({onInput, onKeyUp, value, placeholder = 'Find stickers'}) => { const component = html` <div class="search-box"> - <input type="text" placeholder=${placeholder} onKeyUp=${onKeyUp} /> - <span class="icon icon-search" /> + <input type="text" placeholder=${placeholder} value=${value} onInput=${onInput} onKeyUp=${onKeyUp}/> + <span class="icon icon-search"/> </div> ` return component |