Call api to get query result

app/controllers/queries_controller.rb

@@ -1,6 +1,12 @@
 class QueriesController < ApplicationController
   before_action :set_query, only: %i[ show update destroy ]
 
+  def get_query_results
+    # Get query results from python script
+    query_results = "Something"
+    render json: { query_results: query_results } 
+  end
+
   # GET /queries
   def index
     @queries = Query.all

config/routes.rb

@@ -1,5 +1,9 @@
 Rails.application.routes.draw do
-  resources :queries
+  resources :queries do
+    collection do
+      get :get_query_results
+    end
+  end
   # Define your application routes per the DSL in https://guides.rubyonrails.org/routing.html
 
   # Reveal health status on /up that returns 200 if the app boots with no exceptions, otherwise 500.

nextjs-frontend/components/recipeForm.tsx

@@ -7,10 +7,19 @@ const RecipeForm = () => {
   const [inputValue, setInputValue] = useState("");
   const [output, setOutput] = useState("");
 
-  const handleSubmit = (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     // Handle form submission logic here and set the output
-    setOutput(inputValue); // Example output
+    try {
+      const response = await fetch(
+        "http://localhost:3001/queries/get_query_results"
+      );
+      const data = await response.json();
+      console.log("Server response:", data);
+      setOutput(data.query_results); // Example output
+    } catch (error) {
+      console.error("Error:", error);
+    }
     console.log("Submitted:", inputValue);
   };