@localstack/appinspector-ui 1.0.0-dev-087296a1 → 1.0.0-dev-f61f6d86

package/dist/index.js

@@ -2901,12 +2901,11 @@ var buildSpansEndpoint = (request) => {
 };
 var createApiClient = ({ localstackEndpoint }) => {
   return {
-    deleteSpans: async (request) => {
+    deleteSpans: async () => {
       return makeRequest({
         endpoint: API_ENDPOINTS.SPANS,
         localstackEndpoint,
         request: {
-          body: JSON.stringify(request),
           method: "DELETE"
         }
       });
@@ -3000,9 +2999,20 @@ var SpansListPage = () => {
     const url = resolveLink({ to: "trace-graph", traceId: span.trace_id });
     navigate(`${url}?spanId=${span.span_id}`);
   }, [navigate, resolveLink]);
-  const clearSpans = useCallback3(() => {
-    setSpans([]);
-  }, []);
+  const clearSpans = useCallback3(async () => {
+    setLoading(true);
+    try {
+      await api.deleteSpans();
+      setSpans([]);
+      setFetchError(void 0);
+      await fetchSpans();
+    } catch (error) {
+      console.error("Failed to delete spans:", error);
+      setFetchError(error instanceof Error ? error : new Error("Failed to delete spans", { cause: error }));
+    } finally {
+      setLoading(false);
+    }
+  }, [api, fetchSpans]);
   return /* @__PURE__ */ jsx127(
     Box5,
     {
@@ -3029,7 +3039,7 @@ var SpansListPage = () => {
             {
               filterWriteOperations,
               onClearSpans: () => {
-                clearSpans();
+                void clearSpans();
               },
               onFilterWriteOperationsChange: (value) => {
                 setFilterWriteOperations(value);