2023-02-06 13:27:28 -05:00
|
|
|
import React from 'react';
|
2023-03-18 01:40:49 -04:00
|
|
|
import SearchBar from './SearchBar';
|
2023-02-08 09:15:47 -05:00
|
|
|
import ClearConvos from './ClearConvos';
|
|
|
|
|
import DarkMode from './DarkMode';
|
2023-03-14 01:24:43 +08:00
|
|
|
import Logout from './Logout';
|
2023-03-21 19:31:57 -04:00
|
|
|
import { useSelector } from 'react-redux';
|
2023-02-06 13:27:28 -05:00
|
|
|
|
2023-03-18 15:59:59 -04:00
|
|
|
export default function NavLinks({ fetch, onSearchSuccess, clearSearch }) {
|
2023-03-21 19:31:57 -04:00
|
|
|
const { searchEnabled } = useSelector((state) => state.search);
|
2023-02-06 13:27:28 -05:00
|
|
|
return (
|
|
|
|
|
<>
|
2023-03-21 19:31:57 -04:00
|
|
|
{ !!searchEnabled && <SearchBar fetch={fetch} onSuccess={onSearchSuccess} clearSearch={clearSearch}/>}
|
2023-02-07 19:07:48 -05:00
|
|
|
<ClearConvos />
|
2023-02-08 09:15:47 -05:00
|
|
|
<DarkMode />
|
2023-03-14 01:24:43 +08:00
|
|
|
<Logout />
|
2023-02-06 13:27:28 -05:00
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
}
|