Disabling search bar

Disabling search box when there are no access grants to show
inrupt · May 7, 2024 · f418586 · f418586
1 parent 73effa2
commit f418586
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 0 deletions.
diff --git a/__test__/__snapshots__/Manage.test.tsx.snap b/__test__/__snapshots__/Manage.test.tsx.snap
@@ -50,6 +50,7 @@ exports[`login page renders a manage page 1`] = `
         <input
           class="header-input form-control"
           data-testid="agent-search-input"
+          disabled=""
           placeholder="Search"
           type="search"
           value=""

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -29,6 +29,7 @@ import AuthenticatedRoute from "../src/authentication/context/AuthenticatedRoute
 
 export default function ManagePage() {
   const [value, setValue] = useState("");
+  const [disableSearch, setDisableSearch] = useState(false);
   const { push } = useRouter();
   return (
     <AuthenticatedRoute>
@@ -46,6 +47,7 @@ export default function ManagePage() {
             value={value}
             onChange={(e) => setValue(e.target.value)}
             data-testid="agent-search-input"
+            disabled={disableSearch}
           />
         </div>
       </Header>
@@ -59,6 +61,7 @@ export default function ManagePage() {
               })
             }
             searchString={value}
+            onEmptyAgents={() => setDisableSearch(true)}
           />
         </div>
       </main>

diff --git a/src/components/ListAgents/ListAgents.tsx b/src/components/ListAgents/ListAgents.tsx
@@ -126,12 +126,17 @@ export default function ListAgents({
   agents,
   onDetails,
   searchString,
+  onEmptyAgents,
 }: {
   agents: string[];
   searchString?: string;
   onDetails: (_agent: string) => void;
+  onEmptyAgents?: () => void;
 }) {
   if (agents.length === 0) {
+    if (onEmptyAgents) {
+      onEmptyAgents();
+    }
     return <EmptyAgentPage />;
   }
   return (

diff --git a/src/components/ListAgents/ListAgentsWithVCs.tsx b/src/components/ListAgents/ListAgentsWithVCs.tsx
@@ -63,10 +63,12 @@ function SuspendedList({
   onDetails,
   searchString,
   agents,
+  onEmptyAgents
 }: {
   onDetails: (_agent: string) => void;
   searchString: string;
   agents?: string[];
+  onEmptyAgents?: () => void;
 }) {
   if (agents === undefined) {
     return <Loader />;
@@ -76,16 +78,19 @@ function SuspendedList({
       agents={agents}
       onDetails={onDetails}
       searchString={searchString}
+      onEmptyAgents={onEmptyAgents}
     />
   );
 }
 
 export default function ListAgentsWithVCs({
   onDetails,
   searchString,
+  onEmptyAgents,
 }: {
   onDetails: (_agent: string) => void;
   searchString: string;
+  onEmptyAgents?: () => void;
 }) {
   const { session, accessEndpoint, endpointConfiguration } =
     useContext(SessionContext);
@@ -115,6 +120,7 @@ export default function ListAgentsWithVCs({
       agents={agents}
       onDetails={onDetails}
       searchString={searchString}
+      onEmptyAgents={onEmptyAgents}
     />
   );
 }