MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Handle enters

This commit is contained in:
Adria Navarro 2023-11-09 15:44:34 +01:00
parent 24bef1ee9d
commit 64ab8ecf18
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/builder/src/components/common/NavHeader.svelte
View File

@ -1,6 +1,7 @@
<script>
import { tick } from "svelte"
import { Icon, Body } from "@budibase/bbui"
import { keyUtils } from "helpers/keyUtils"
export let title
export let placeholder
@ -50,11 +51,21 @@
<div class="title" class:hide={search}>
<Body size="S">{title}</Body>
</div>
<div on:click={openSearch} class="searchButton" class:hide={search}>
<div
on:click={openSearch}
on:keydown={keyUtils.handleEnter(openSearch)}
class="searchButton"
class:hide={search}
>
<Icon size="S" name="Search" />
</div>
<div on:click={handleAddButton} class="addButton" class:rotate={search}>
<div
on:click={handleAddButton}
on:keydown={keyUtils.handleEnter(handleAddButton)}
class="addButton"
class:rotate={search}
>
<Icon name="Add" />
</div>
</div>

7
packages/builder/src/helpers/keyUtils.js Normal file
View File

@ -0,0 +1,7 @@
function handleEnter(fnc) {
return e => e.key === "Enter" && fnc()
}
export const keyUtils = {
handleEnter,
}