Improve Frida UX when all targets are filtered out

Author: pimterry

src/components/intercept/config/frida-config.tsx

@@ -412,6 +412,8 @@ class FridaConfig extends React.Component<{
                 (target) => target.name.toLowerCase()
             );
 
+            const allResultsFiltered = this.fridaTargets.length > 0 && targets.length === 0;
+
             return <ConfigContainer>
                 <SelectedHostBlock>
                     <BackButton onClick={this.deselectHost} />
@@ -425,7 +427,11 @@ class FridaConfig extends React.Component<{
                     autoFocus={true}
                 />
                 <FridaTargetList
-                    spinnerText='Scanning for apps to intercept...'
+                    spinnerText={
+                        allResultsFiltered
+                        ? `No '${this.searchInput}' apps found...`
+                        : 'Scanning for apps to intercept...'
+                    }
                     targets={targets.map(target => {
                             const { id, name } = target;
                             const activating = this.inProgressTargetIds.includes(id);

src/components/intercept/config/intercept-target-list.tsx

@@ -16,6 +16,9 @@ const SpinnerBlock = styled.div`
     flex-direction: column;
     justify-content: center;
     align-items: center;
+
+    word-break: break-word;
+    padding: 0 10px;
 `;
 
 const Spinner = styled(Icon).attrs(() => ({