chore: small changes

liriliri · Jul 3, 2023 · a488721 · a488721
1 parent 395b558
commit a488721
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/toolbar/react.tsx b/src/toolbar/react.tsx
@@ -77,6 +77,22 @@ export const LunaToolbarSelect: FC<IToolbarSelectProps> = (props) => {
   return null
 }
 
+interface IToolbarInputProps extends IToolbarItemProps {
+  key: string
+  value: string
+  placeholder?: string
+}
+
+export const LunaToolbarInput: FC<IToolbarInputProps> = (props) => {
+  useEffect(() => {
+    if (props.toolbar) {
+      props.toolbar.appendInput(props.key, props.value, props.placeholder)
+    }
+  }, [props.toolbar])
+
+  return null
+}
+
 export const LunaToolbarSeparator: FC<IToolbarItemProps> = (props) => {
   useEffect(() => {
     if (props.toolbar) {

diff --git a/src/toolbar/story.js b/src/toolbar/story.js
@@ -7,6 +7,7 @@ import LunaToolbar, {
   LunaToolbarSelect,
   LunaToolbarSeparator,
   LunaToolbarSpace,
+  LunaToolbarInput,
 } from './react'
 
 const def = story(
@@ -57,6 +58,7 @@ const def = story(
             }}
           />
           <LunaToolbarSeparator />
+          <LunaToolbarInput key="filter" value="" placeholder="Filter" />
           <LunaToolbarSpace />
           <LunaToolbarText text="Status: OK" />
         </LunaToolbar>