feat(channels): add an indicator for channels having filters

Author: AXeL-dev

src/ui/components/pages/Channels/ChannelCard/ChannelTitle.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { Box, Link, Tooltip } from '@mui/material';
 import { Channel } from 'types';
 import NotificationsOffIcon from '@mui/icons-material/NotificationsOff';
+import FilterAltIcon from '@mui/icons-material/FilterAlt';
 
 interface ChannelTitleProps {
   channel: Channel;
@@ -15,7 +16,7 @@ function ChannelTitle(props: ChannelTitleProps) {
       sx={{
         display: 'flex',
         alignItems: 'center',
-        gap: 2,
+        gap: 1,
       }}
     >
       <Link
@@ -34,6 +35,11 @@ function ChannelTitle(props: ChannelTitleProps) {
           <NotificationsOffIcon color="disabled" fontSize="small" />
         </Tooltip>
       )}
+      {!!channel.filters?.length && (
+        <Tooltip title="Has filters">
+          <FilterAltIcon color="disabled" fontSize="small" />
+        </Tooltip>
+      )}
     </Box>
   );
 }
@@ -46,7 +52,8 @@ function propsAreEqual(
     prevProps.channel.title === nextProps.channel.title &&
     prevProps.channel.url === nextProps.channel.url &&
     prevProps.channel.notifications?.isDisabled ===
-      nextProps.channel.notifications?.isDisabled
+      nextProps.channel.notifications?.isDisabled &&
+    prevProps.channel.filters?.length === nextProps.channel.filters?.length
   );
 }