#RI-3371 - User cannot open workbench

Author: egor-zalenski

redisinsight/ui/src/components/query-card/QueryCard.tsx

@@ -81,7 +81,7 @@ const QueryCard = (props: Props) => {
   const [viewTypeSelected, setViewTypeSelected] = useState<WBQueryType>(queryType)
   const [summaryText, setSummaryText] = useState<string>('')
   const [selectedViewValue, setSelectedViewValue] = useState<string>(
-    getDefaultPlugin(visualizations, command) || queryType
+    getDefaultPlugin(visualizations, command || '') || queryType
   )
 
   const dispatch = useDispatch()

redisinsight/ui/src/components/query-card/QueryCardTooltip/QueryCardTooltip.tsx

@@ -22,7 +22,7 @@ interface IQueryLine {
 const QueryCardTooltip = (props: Props) => {
   const { query = '', maxLinesNumber = 20, summary = '' } = props
 
-  let queryLines: IQueryLine[] = (query ?? EMPTY_COMMAND).split('\n')
+  let queryLines: IQueryLine[] = (query || EMPTY_COMMAND).split('\n')
     .map((query: string, i) => ({
       value: truncateText(query, 497, '...'),
       index: i
@@ -56,7 +56,7 @@ const QueryCardTooltip = (props: Props) => {
       content={<>{contentItems}</>}
       position="bottom"
     >
-      <span data-testid="query-card-tooltip-anchor">{summary ?? query ?? EMPTY_COMMAND}</span>
+      <span data-testid="query-card-tooltip-anchor">{summary || query || EMPTY_COMMAND}</span>
     </EuiToolTip>
   )
 }

redisinsight/ui/src/utils/plugins.ts

@@ -1,10 +1,10 @@
 import { IPluginVisualization } from 'uiSrc/slices/interfaces'
 import { getBaseApiUrl } from 'uiSrc/utils/common'
 
-export const getVisualizationsByCommand = (query: string, visualizations: IPluginVisualization[]) =>
+export const getVisualizationsByCommand = (query: string = '', visualizations: IPluginVisualization[]) =>
   visualizations.filter((visualization: IPluginVisualization) =>
     visualization.matchCommands.some((matchCommand) =>
-      query.startsWith(matchCommand) || (new RegExp(`^${matchCommand}`, 'i')).test(query)))
+      query?.startsWith(matchCommand) || (new RegExp(`^${matchCommand}`, 'i')).test(query)))
 
 export const urlForAsset = (basePluginUrl: string, path: string) => {
   const baseApiUrl = getBaseApiUrl()