Merge pull request #4029 from RedisInsight/fe/bugfix/RI-6273-fix-channel-subscription-saved-fix

RI-6273 fix pubsub not saved when switching between pages

Author: mariasergeenko

redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.tsx

@@ -20,14 +20,14 @@ import ClickableAppendInfo from './components/clickable-append-info'
 import styles from './styles.module.scss'
 
 const SubscriptionPanel = () => {
-  const { messages, isSubscribed, loading, count } = useSelector(pubSubSelector)
+  const { messages, isSubscribed, subscriptions, loading, count } = useSelector(pubSubSelector)
 
   const dispatch = useDispatch()
   const { theme } = useContext(ThemeContext)
 
   const { instanceId = '' } = useParams<{ instanceId: string }>()
 
-  const [channels, setChannels] = useState(DEFAULT_SEARCH_MATCH)
+  const [channels, setChannels] = useState(subscriptions?.length ? subscriptions.map((sub) => sub.channel).join(' ') : DEFAULT_SEARCH_MATCH)
 
   const toggleSubscribe = () => {
     dispatch(toggleSubscribeTriggerPubSub(channels))

redisinsight/ui/src/pages/pub-sub/components/subscription-panel/components/patternsInfo/PatternsInfo.tsx

@@ -20,7 +20,7 @@ const PatternsInfo = ({ channels }: PatternsInfoProps) => {
       <EuiToolTip
         anchorClassName={styles.appendIcon}
         position="right"
-        title={<>{channels?.trim().split(' ').map((ch) => <p>{ch}</p>)}</>}
+        title={<>{channels?.trim().split(' ').map((ch) => <p key={`${ch}`}>{ch}</p>)}</>}
       >
         <EuiIcon
           type="iInCircle"