Only allow exact-matching of workspace search

Author: Laurie T. Malau

components/dashboard/src/admin/WorkspacesSearch.tsx

@@ -16,6 +16,7 @@ import { UserContext } from "../user-context";
 import { getProject, WorkspaceStatusIndicator } from "../workspaces/WorkspaceEntry";
 import { adminMenu } from "./admin-menu";
 import WorkspaceDetail from "./WorkspaceDetail";
+import info from '../images/info.svg';
 
 interface Props {
     user?: User
@@ -66,6 +67,15 @@ export function WorkspaceSearch(props: Props) {
     }
 
     const search = async () => {
+        if (!props.user) { // In the workspace search page
+            // This only allows searching for exact-matches of workspace or instance IDs
+            if ((queryTerm.length === 0) ||
+                (!matchesNewWorkspaceIdExactly(queryTerm) &&
+                !matchesInstanceIdOrLegacyWorkspaceIdExactly(queryTerm))) {
+                return;
+            }
+        }
+
         setSearching(true);
         try {
             const query: AdminGetWorkspacesQuery = {
@@ -105,6 +115,10 @@ export function WorkspaceSearch(props: Props) {
                 <button disabled={searching} onClick={search}>Search</button>
             </div>
         </div>
+        <div className={'flex rounded-xl bg-gray-200 dark:bg-gray-800 text-gray-600 dark:text-gray-400 p-2 w-2/3 mb-2'}>
+            <img className="w-4 h-4 m-1 ml-2 mr-4" alt="info" src={info} />
+            <span>Please enter complete IDs - this search does not perform partial-matching.</span>
+        </div>
         <div className="flex flex-col space-y-2">
             <div className="px-6 py-3 flex justify-between text-sm text-gray-400 border-t border-b border-gray-200 dark:border-gray-800 mb-2">
                 <div className="w-8"></div>