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> <script>
import { tick } from "svelte" import { tick } from "svelte"
import { Icon, Body } from "@budibase/bbui" import { Icon, Body } from "@budibase/bbui"
import { keyUtils } from "helpers/keyUtils"
export let title export let title
export let placeholder export let placeholder
@ -50,11 +51,21 @@
<div class="title" class:hide={search}> <div class="title" class:hide={search}>
<Body size="S">{title}</Body> <Body size="S">{title}</Body>
</div> </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" /> <Icon size="S" name="Search" />
</div> </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" /> <Icon name="Add" />
</div> </div>
</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,
}