@snapdragonsnursery/react-components 1.1.2 → 1.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapdragonsnursery/react-components",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/ChildSearchModal.jsx

@@ -104,14 +104,8 @@ const ChildSearchModal = ({
     setError(null);
 
     try {
-      // Get access token
-      const apiBaseUrl = import.meta.env.VITE_COMMON_API_BASE_URL || "https://snaps-common-api.azurewebsites.net";
-      const apiScope = apiBaseUrl.replace(/^https?:\/\//, "api://") + "/.default";
-      
-      const response = await instance.acquireTokenSilent({
-        scopes: [apiScope],
-        account: accounts[0],
-      });
+      // Get function key for authentication
+      const functionKey = import.meta.env.VITE_COMMON_API_FUNCTION_KEY || "";
 
       // Build query parameters
       const params = new URLSearchParams({
@@ -167,8 +161,8 @@ const ChildSearchModal = ({
         }/api/search-children?${params}`,
         {
           headers: {
-            Authorization: `Bearer ${response.accessToken}`,
             "Content-Type": "application/json",
+            "x-functions-key": functionKey,
           },
         }
       );
@@ -320,10 +314,10 @@ const ChildSearchModal = ({
   if (!isOpen) return null;
 
   return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4 overflow-hidden">
       <div
         ref={modalRef}
-        className={`bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-4xl w-full max-h-[90vh] flex flex-col ${className}`}
+        className={`bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-4xl w-full h-[90vh] flex flex-col ${className}`}
       >
         {/* Header */}
         <div className="flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700">
@@ -429,7 +423,7 @@ const ChildSearchModal = ({
 
           {/* Advanced Filters */}
           {isAdvancedFiltersOpen && (
-            <div className="mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
+            <div className="mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg max-h-64 overflow-y-auto">
               <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                 {/* Status Filter */}
                 <div>
@@ -636,7 +630,7 @@ const ChildSearchModal = ({
           )}
 
           {!loading && !error && (
-            <div className="overflow-y-auto max-h-96">
+            <div className="overflow-y-auto h-full">
               {children.length === 0 ? (
                 <div className="p-6 text-center text-gray-500 dark:text-gray-400">
                   {debouncedSearchTerm