diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css --- a/web/chat/chat-thread-list.css +++ b/web/chat/chat-thread-list.css @@ -240,46 +240,6 @@ overflow: auto; } -div.search { - display: flex; - background-color: #dddddd; - border-radius: 5px; - padding: 3px 5px; - align-items: center; -} -svg.searchVector { - fill: #aaaaaa; - height: 22px; - width: 22px; - padding: 0 3px; - margin-left: 8px; -} -div.search > input { - color: black; - padding: 0; - border: none; - background-color: #dddddd; - font-weight: 600; - font-size: 15px; - flex-grow: 1; - margin-left: 3px; -} -div.search > input:focus { - outline: none; -} -svg.clearQuery { - font-size: 15px; - padding-bottom: 1px; - padding-right: 2px; - color: #aaaaaa; -} -svg.clearQuery:hover { - font-size: 15px; - padding-bottom: 1px; - padding-right: 2px; - color: white; -} - div.spacer { height: 6px; } diff --git a/web/modals/chat/sidebar-list-modal.react.js b/web/modals/chat/sidebar-list-modal.react.js deleted file mode 100644 --- a/web/modals/chat/sidebar-list-modal.react.js +++ /dev/null @@ -1,96 +0,0 @@ -// @flow - -import { faTimesCircle } from '@fortawesome/free-solid-svg-icons'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import classNames from 'classnames'; -import * as React from 'react'; - -import { useSearchSidebars } from 'lib/hooks/search-sidebars'; -import type { ThreadInfo } from 'lib/types/thread-types'; - -import chatThreadListCSS from '../../chat/chat-thread-list.css'; -import SidebarItem from '../../chat/sidebar-item.react'; -import globalCSS from '../../style.css'; -import { MagnifyingGlass } from '../../vectors.react'; -import Input from '../input.react'; -import { useModalContext } from '../modal-provider.react'; -import Modal from '../modal.react'; - -type Props = { - +threadInfo: ThreadInfo, -}; - -function SidebarListModal(props: Props): React.Node { - const { threadInfo } = props; - const { - listData, - searchState, - clearQuery, - onChangeSearchInputText, - } = useSearchSidebars(threadInfo); - const { popModal } = useModalContext(); - - const sidebars = React.useMemo( - () => - listData.map(item => ( -