Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-08-07 12:29:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update quick search ui

Browse Source
This commit is contained in:
JimmFly
2022-12-09 19:44:30 +08:00
parent c522eea4d6
commit 5899450c9d
8 changed files with 128 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/components/quick-search/input.tsx
+12 -9
View File
@@ -1,17 +1,20 @@
import React from 'react';
import React, { Dispatch, SetStateAction } from 'react';
import { MiddleSearchIcon } from '@blocksuite/icons';
import { StyledInput, StyledInputContent, StyledLabel } from './style';
const Input = () => {
import { StyledInputContent, StyledLabel } from './style';
import { Command } from 'cmdk';
const Input = (props: {
search: string;
setSearch: Dispatch<SetStateAction<string>>;
}) => {
return (
<StyledInputContent>
<StyledLabel htmlFor="quickSearchInput">
<StyledLabel htmlFor=":r5:">
<MiddleSearchIcon />
</StyledLabel>
<StyledInput
id="quickSearchInput"
type="text"
placeholder="Quick search..."
<Command.Input
value={props.search}
onValueChange={props.setSearch}
placeholder="Quick Search..."
/>
</StyledInputContent>
);