more cleanup
This commit is contained in:
@@ -1,5 +1,3 @@
|
|||||||
import React, { useRef, useCallback } from 'react';
|
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Avatar,
|
Avatar,
|
||||||
CircularProgress,
|
CircularProgress,
|
||||||
@@ -12,17 +10,18 @@ import {
|
|||||||
Tooltip,
|
Tooltip,
|
||||||
Typography,
|
Typography,
|
||||||
} from '@mui/material';
|
} from '@mui/material';
|
||||||
import NirvanaLogo from './NirvanaLogo';
|
|
||||||
import { FiHeadphones, FiLogOut, FiMonitor, FiSearch, FiUsers, FiWind } from 'react-icons/fi';
|
import { FiHeadphones, FiLogOut, FiMonitor, FiSearch, FiUsers, FiWind } from 'react-icons/fi';
|
||||||
|
import React, { useCallback, useRef } from 'react';
|
||||||
import MenuItem from '@mui/material/MenuItem';
|
|
||||||
import useAuth from '../providers/AuthProvider';
|
|
||||||
import { blueGrey } from '@mui/material/colors';
|
|
||||||
import KeyboardShortcutLabel from './KeyboardShortcutLabel';
|
|
||||||
import { useSnackbar } from 'notistack';
|
|
||||||
import { useKeyPressEvent, useRendersCount } from 'react-use';
|
import { useKeyPressEvent, useRendersCount } from 'react-use';
|
||||||
import useTerminal from './Terminal';
|
|
||||||
|
import KeyboardShortcutLabel from './KeyboardShortcutLabel';
|
||||||
import { KeyboardShortcuts } from '../util/keyboard';
|
import { KeyboardShortcuts } from '../util/keyboard';
|
||||||
|
import MenuItem from '@mui/material/MenuItem';
|
||||||
|
import NirvanaLogo from './NirvanaLogo';
|
||||||
|
import { blueGrey } from '@mui/material/colors';
|
||||||
|
import useAuth from '../providers/AuthProvider';
|
||||||
|
import { useSnackbar } from 'notistack';
|
||||||
|
import useTerminal from './Terminal';
|
||||||
|
|
||||||
const Navbar = ({
|
const Navbar = ({
|
||||||
handleChangeSearchInput,
|
handleChangeSearchInput,
|
||||||
@@ -39,9 +38,8 @@ const Navbar = ({
|
|||||||
|
|
||||||
const searchRef = useRef<HTMLInputElement>(null);
|
const searchRef = useRef<HTMLInputElement>(null);
|
||||||
const onSearchFocus = useCallback(() => {
|
const onSearchFocus = useCallback(() => {
|
||||||
enqueueSnackbar('search focused');
|
|
||||||
if (searchRef?.current) searchRef.current.focus();
|
if (searchRef?.current) searchRef.current.focus();
|
||||||
}, [enqueueSnackbar, searchRef]);
|
}, [searchRef]);
|
||||||
|
|
||||||
useKeyPressEvent(KeyboardShortcuts.search, onSearchFocus);
|
useKeyPressEvent(KeyboardShortcuts.search, onSearchFocus);
|
||||||
|
|
||||||
|
|||||||
@@ -424,8 +424,6 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
|
|||||||
const [, cancel] = useDebounce(
|
const [, cancel] = useDebounce(
|
||||||
async () => {
|
async () => {
|
||||||
if (searchVal) {
|
if (searchVal) {
|
||||||
enqueueSnackbar('searching...', { variant: 'info' });
|
|
||||||
|
|
||||||
let results = await searchUsers(searchVal);
|
let results = await searchUsers(searchVal);
|
||||||
results = results.filter((userResult) => userResult.id !== user.uid);
|
results = results.filter((userResult) => userResult.id !== user.uid);
|
||||||
setSearchUsersResults(results);
|
setSearchUsersResults(results);
|
||||||
@@ -436,7 +434,7 @@ export function TerminalProvider({ children }: { children?: React.ReactNode }) {
|
|||||||
setSearching(false);
|
setSearching(false);
|
||||||
},
|
},
|
||||||
1000,
|
1000,
|
||||||
[searchVal, enqueueSnackbar, setSearchUsersResults, user],
|
[searchVal, setSearchUsersResults, user],
|
||||||
);
|
);
|
||||||
|
|
||||||
const handleOmniSearch = useCallback(
|
const handleOmniSearch = useCallback(
|
||||||
|
|||||||
Reference in New Issue
Block a user