talksik/nirvana-v4
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

better search results and more intuitive

Browse Source
This commit is contained in:
talksik
2022-05-29 08:10:23 -05:00
parent aba572afe0
commit 46a9e8b967
1 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/Terminal.tsx
+25 -13
View File
@@ -244,16 +244,17 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
if (searchVal) { if (searchVal) {
enqueueSnackbar('searching...', { variant: 'info' }); enqueueSnackbar('searching...', { variant: 'info' });
const results = await searchUsers(searchVal); let results = await searchUsers(searchVal);
results = results.filter((userResult) => userResult.id !== user.uid);
setSearchUsersResults(results); setSearchUsersResults(results);
console.warn(results); console.warn('searched users', results);
} }
setSearching(false); setSearching(false);
}, },
1000, 1000,
[searchVal, enqueueSnackbar, setSearchUsersResults], [searchVal, enqueueSnackbar, setSearchUsersResults, user],
); );
const handleChangeSearchInput = useCallback( const handleChangeSearchInput = useCallback(
@@ -359,8 +360,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
</Tooltip> </Tooltip>
</Stack> </Stack>
{searchVal ? ( {searchVal ? (
<ListPeople people={searchUsersResults} /> <ListPeople people={searchUsersResults} />
) : ( ) : (
@@ -386,7 +385,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
width: '100%', width: '100%',
}} }}
> >
<Stack <Stack
spacing={1} spacing={1}
direction={'row'} direction={'row'}
@@ -507,16 +505,30 @@ function ListPeople({ people }: { people: User[] }) {
pt: 2, pt: 2,
}} }}
subheader={ subheader={
<ListSubheader> <ListSubheader
<Typography variant="subtitle2"> Search Results</Typography> sx={{
display: 'flex',
justifyContent: 'center',
}}
>
<Typography align={'center'} variant="subtitle2">
Search Results
</Typography>
</ListSubheader> </ListSubheader>
} }
> >
{people.length === 0 && ( <ListItem
<Typography align="center" variant="caption"> sx={{
{`Can't find someone? Invite them!`} display: 'flex',
</Typography> justifyContent: 'center',
)} }}
>
{people.length === 0 && (
<Typography align="center" variant="caption">
{`Can't find someone? Invite them!`}
</Typography>
)}
</ListItem>
{people.map((person) => ( {people.map((person) => (
<ListItem key={`${person.uid}-searchUsers`}> <ListItem key={`${person.uid}-searchUsers`}>