From 46ba8936e1f1a6255e739df4807cb202ea736715 Mon Sep 17 00:00:00 2001
From: George Tsiolis <tsiolis.g@gmail.com>
Date: Fri, 22 Jul 2022 21:40:12 +0000
Subject: [PATCH] Replace workspace search alert

---
 components/dashboard/src/admin/WorkspacesSearch.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/components/dashboard/src/admin/WorkspacesSearch.tsx b/components/dashboard/src/admin/WorkspacesSearch.tsx
index 4de776cada2851..6482668c03f317 100644
--- a/components/dashboard/src/admin/WorkspacesSearch.tsx
+++ b/components/dashboard/src/admin/WorkspacesSearch.tsx
@@ -22,8 +22,8 @@ import { Link } from "react-router-dom";
 import { getGitpodService } from "../service/service";
 import { getProject, WorkspaceStatusIndicator } from "../workspaces/WorkspaceEntry";
 import WorkspaceDetail from "./WorkspaceDetail";
-import info from "../images/info.svg";
 import { PageWithAdminSubMenu } from "./PageWithAdminSubMenu";
+import Alert from "../components/Alert";
 
 interface Props {
     user?: User;
@@ -138,14 +138,9 @@ export function WorkspaceSearch(props: Props) {
                     </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 w-full"
-                }
-            >
-                <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>
+            <Alert type={"info"} closable={false} showIcon={true} className="flex rounded p-2 mb-2 w-full">
+                <span>Search workspaces using workspace ID.</span>
+            </Alert>
             <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>