17 lines
583 B
TypeScript
17 lines
583 B
TypeScript
|
import * as React from "../../react";
|
||
|
|
import CoreViewModel from "../../ViewModel/Global/coreViewModel";
|
||
|
|
|
||
|
|
export function NewItemEntry(coreViewModel: CoreViewModel, query: React.State<string>, fn: ()=>void) {
|
||
|
|
const isHidden = React.createProxyState([query],()=>query.value == "");
|
||
|
|
const label = React.createProxyState([query],()=>coreViewModel.translations.general.createLabel(query.value));
|
||
|
|
|
||
|
|
return <button
|
||
|
|
class="standard slide-up"
|
||
|
|
toggle:hidden={isHidden}
|
||
|
|
on:click={fn}
|
||
|
|
>
|
||
|
|
<span subscribe:innerText={label}></span>
|
||
|
|
<span class="icon">add</span>
|
||
|
|
</button>
|
||
|
|
}
|