diff --git a/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx b/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx index e8297db95..f6dcea450 100644 --- a/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx +++ b/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx @@ -83,34 +83,39 @@ export function AppSelector() { ); const client = clients.find((client) => client.id === selectedApp); - return entries.length ? ( - - {entries} - }> - - - - - {client?.query.app ?? ''} - {selectedDevice?.title || 'Available devices'} - - - - - - - ) : ( - // GK check to decide if troubleshooting guide will be visible or not - + return ( + <> + + + {entries} + + }> + + + + + {client?.query.app ?? ''} + {selectedDevice?.title || 'Available devices'} + + + + + + + + ); } diff --git a/desktop/app/src/sandy-chrome/appinspect/fb-stubs/TroubleshootingGuide.tsx b/desktop/app/src/sandy-chrome/appinspect/fb-stubs/TroubleshootingGuide.tsx index 0c624dd00..0ed5a8ee6 100644 --- a/desktop/app/src/sandy-chrome/appinspect/fb-stubs/TroubleshootingGuide.tsx +++ b/desktop/app/src/sandy-chrome/appinspect/fb-stubs/TroubleshootingGuide.tsx @@ -10,6 +10,12 @@ import React from 'react'; import {NoDevices} from '../NoDevices'; -export function TroubleshootingGuide(_props: {showGuide: boolean}) { - return ; +export function TroubleshootingGuide(_props: { + showGuide: boolean; + devicesDetected: number; +}) { + if (_props.devicesDetected == 0) return ; + else { + return <>; + } }