style: 会话筛选

src/views/Conversations/Online/Components/ChatListFilter.jsx

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react';
-import { Button, Tag, Radio, Popover, Form, Space } from 'antd';
+import { Button, Tag, Radio, Popover, Form, Space, Tooltip } from 'antd';
 import { isEmpty, objectMapper, TagColorStyle } from '@/utils/commons';
 import useConversationStore from '@/stores/ConversationStore';
 import { OrderLabelDefaultOptions } from '@/stores/OrderStore';
-import { FilterIcon } from '@/components/Icons';
+import { FilterOutlined, FilterTwoTone } from '@ant-design/icons';
 
 const otypes = [
   { label: 'All', value: '', labelValue: '' },
@@ -202,17 +202,15 @@ const ChatListFilter = ({ onFilterChange, activeList, ...props }) => {
               </Form>
             </>
           }>
-          <Button
-            icon={
-              <FilterIcon
-                className={
-                  isEmpty(selectedTags) ? 'text-neutral-500' : 'text-blue-500'
-                }
-              />
-            }
-            type='text'
-            size='middle'
-          />
+          <Tooltip title='更多筛选' >
+            <Button
+              icon={
+                isEmpty(selectedTags) ? <FilterOutlined className='text-neutral-500' /> : <FilterTwoTone />
+              }
+              type='text'
+              size='middle'
+            />
+          </Tooltip>
         </Popover>
       </div>
     </>